2.A) Contenido de innerHTML de elemento identificado por id="h2"

Se Almacena en la variable "h2" el elemento con id="h2"

var h2 = document.getElementById('h2');

Posterior a esto, se obtene el elemento con id="resultado1" y se almacena en variable llamada "resultado1"

var resultado1 = document.getElementById('resultado1');

Se inserta el contenido de la "h2 como se muestra a continuación

resultado1.innerHTML = h2.innerHTML;

2.B) Contenido de outerHTML de elemento identificado por id="h1"

El resultado del outerHTML sin Renderizar < h1 id= "

" > < /h1 >

Se obtiene el el elemento con id="h1" y se almacena en una variable, en este caso en "h1"

var h1 = document.getElementById('h1');

posterior a ello se almacena el elemento con id="resultado2-1" en una variable llamada "resultado2_1"

var resultado2_1 = document.getElementById('resultado2-1');

Se almacena el outerHTML de "resultado2_1" con id="h1"

resultado2_1.innerHTML = h1.outerHTML

Reemplazando "/</" por "&lt;" de forma global "g"

.replace(/</g, "&lt;");

Resultado de outerHTML Renderizado

Se obtiene el valor del elemento con id="h1" en una variable llamada "h1"

var h1 = document.getElementById('h1');

Se almacena el elemento con id="resultado2-2" en una variable llamada "resultado2_2"

var resultado2_2 = document.getElementById('resultado2-2');

Se almacena el outerHTML en la variable "resultado2_2"

resultado2_2.innerHTML = h1.outerHTML

2.C) Contenido de de la propiedad global: location.href

El outerHTML sin renderizar es <h1 id="h1">

Se obtiene el el elemento con id="h1" y se almacena en una variable, en este caso en "h1"

var h1 = document.getElementById('h1');

posterior a ello se almacena el elemento con id="resultado2-1" en una variable llamada "resultado2_1"

var resultado2_1 = document.getElementById('resultado2-1');

Se almacena el outerHTML de "resultado2_1" con id="h1"

resultado2_1.innerHTML = h1.outerHTML

Reemplazando "/</" por "&lt;" de forma global "g"

.replace(/</g, "&lt;");

Resultado de outerHTML Renderizado

Explicación de outerHTML Renderizado

Se obtiene el valor del elemento con id="h1" en una variable llamada "h1"

var h1 = document.getElementById('h1');

Se almacena el elemento con id="resultado2-2" en una variable llamada "resultado2_2"

var resultado2_2 = document.getElementById('resultado2-2');

Se almacena el outerHTML en la variable "resultado2_2"

resultado2_2.innerHTML = h1.outerHTML

2.D) Contenido de la propiedad global: location.href

Resultado de location.href

Se obtiene el valor del elemento con id="resultado3" en una variable llamada "resultado3"

var resultado3 = document.getElementById('resultado3');

Se almacena en la pagina la variable "resultado3" con la propiedad (location.href)

resultado3.innerHTML = location.href;

2.E)Contenido de de la propiedad global: location

Resultado de location

Se obtiene el elemento con id="resultado4" en una variable llamada "resultado4"

var resultado4 = document.getElementById('resultado4');

Se le da la propiedad global (location) a la variable "resultado4"

resultado4.innerHTML = location;

2.F)Contenido de de las propiedades globales: screen.width y screen.height

Resultado de screen.width y screen.height

Se almacena en la variable "resultado5_1" el elemento con id="resultado5-1"

var resultado5_1 = document.getElementById('resultado5-1');

La variable "resultado5_1" inserta la propiedad global (screen.width)

resultado5_1.innerHTML = screen.width;

Se almacena en la variable "resultado5_2" el elemento con id="resultado5-2"

var resultado5_2 = document.getElementById('resultado5-2');

La variable "resultado5_2" inserta la propiedad global (screen.width)

resultado5_2.innerHTML =screen.width;