a) Contenido de innerHTML de elemento identificado por id="h2"

Resultado del innerHTML

---

Se selecciona el elemento con id="h2" en una variable llamada "idh2"

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

Se selecciona el elemento con id="a" en una variable llamada "a" que indica la solución de la letra a

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

se le indica a la variable "a" que inserte en la página el contenido de la variable "idh2"

a.innerHTML = idh2.innerHTML;

b) Contenido de outerHTML de elemento identificado por id="h1"

1.- Resultado de outerHTML sin renderizar

---

Se selecciona el elemento con id="h1" en una variable llamada "idh1"

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

Se selecciona el elemento con id="b1" en una variable llamada "b1"

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

Se le indica a la variable "b1" que inserte en la página el exterior del elemento con id="h1" reemplazando "/</" por "&lt;" de forma global "g"

b1.innerHTML = idh1.outerHTML.replace(/</g, "&lt;");

2.- Resultado de outerHTML renderizado

---

Se selecciona el elemento con id="h1" en una variable llamada "idh1"

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

Se selecciona el elemento con id="b2" en una variable llamada "b2"

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

Se le indica a la variable "b2" que inserte en la página el exterior del elemento con id="h1"

b2.innerHTML = idh1.outerHTML;

c) Contenido de de la propiedad global: location.href

Resultado de global: location.href

---

Se selecciona el elemento con id="c" en una variable llamada "c"

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

Se le indica a la variable "c" que inserte en la página la propiedad global (location.href)

 c.innerHTML = location.href;

d) Contenido de la propiedad global: location

Resultado de global: location

---

Se selecciona el elemento con id="d" en una variable llamada "d"

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

Se le indica a la variable "d" que inserte en la página la propiedad global (location)

d.innerHTML = location;

e) Contenido de de las propiedades globales: screen.width y screen.heigth

Resultado de screen.width y screen.height

Screen Width: Screen Heigth:

---

Se selecciona el elemento con id="e1" en una variable llamada "e1"

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

Se le indica a la variable "e1" que inserte en la página la propiedad global (screen.width)

e1.innerHTML = screen.width;

Se selecciona el elemento con id="e2" en una variable llamada "e2"

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

Se le indica a la variable "e2" que inserte en la página la propiedad global (screen.height)

e2.innerHTML = screen.height;