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

Explicación innerHTML

Capturo el elemento con id="h2" en una variable llamada "h2"

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

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

resultado1.innerHTML = 

h2.innerHTML;

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

Explicación de outerHTML sin Renderizar

Capturo el elemento con id="h1" en una variable llamada "h1"

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

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

resultado2_1.innerHTML =

h1.outerHTML

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

Más info sobre ".replace" en este enlace: uv.es/jac/guia/jscript/javascr07.htm

Resumen

En JavaScript admiten expresiones regulares algunos métodos del objeto String como search, split y replace.

Cuando se estan haciendo sustituciones el proceso se detiene al encontrar la primera ocurrencia.

Para evitar esto y que se hagan todas las sustituciones posibles hay que emplear otro modificador: "g" (Global)

=======
Sin "g"
=======
var cadena = "Esto es una prueba"
cadena.replace(/a/, "e") => Esto es une prueba

=======
Con "g"
=======
var cadena = "Esto es una prueba"
cadena.replace(/a/g, "e") => Esto es une pruebe

Explicación de outerHTML Renderizado

Capturo el elemento con id="h1" en una variable llamada "h1"

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

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

resultado2_2.innerHTML =

h1.outerHTML

Contenido de la propiedad global: location.href

Explicación de location.href

Capturo el elemento con id="resultado3" en una variable llamada "resultado3"

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

resultado3.innerHTML =

resultado3.innerHTML = location.href;

Contenido de de la propiedad global: location

Explicacion de location

Capturo el elemento con id="resultado4" en una variable llamada "resultado4"

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

resultado4.innerHTML =

location;

Contenido de de las propiedades globales: screen.width y screen.height

Explicación de screen.width y screen.height

Capturo el elemento con id="resultado5-1" en una variable llamada "resultado5_1"

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

resultado5_1.innerHTML =

screen.width;

Capturo el elemento con id="resultado5-2" en una variable llamada "resultado5_2"

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

resultado5_2.innerHTML =

screen.width;