Jaime León

La fecha y la hora son:

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

Resultado de innerHTML

Explicación innerHTML

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

var h2 = document.getElementById('h2');
Capturo el elemento con id="resultado1" en una variable llamada "resultado1"
var resultado1 = document.getElementById('resultado1');
Le indico a la variable "resultado1" que inserte en la página...
resultado1.innerHTML = 
...el contenido de la variable "h2"
h2.innerHTML;

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

Resultado de outerHTML sin Renderizar

Explicación de outerHTML sin Renderizar

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

var h1 = document.getElementById('h1');
Capturo el elemento con id="resultado2-1" en una variable llamada "resultado2_1"
var resultado2_1 = document.getElementById('resultado2-1');
Le indico a la variable "resultado2_1" que inserte en la página...
resultado2_1.innerHTML =
...el exterior del elemento con id="h1"...
h1.outerHTML
...reemplazando "/</" por "&lt;" de forma global "g"
.replace(/</g, "&lt;");

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)

Resultado de outerHTML Renderizado

Explicación de outerHTML Renderizado

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

var h1 = document.getElementById('h1');
Capturo el elemento con id="resultado2-2" en una variable llamada "resultado2_2"
var resultado2_2 = document.getElementById('resultado2-2');
Le indico a la variable "resultado2_2" que inserte en la página...
resultado2_2.innerHTML =
...el exterior del elemento con id="h1"
h1.outerHTML

Contenido de la propiedad global: location.href

Resultado de location.href

Explicación de location.href

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

var resultado3 = document.getElementById('resultado3');
Le indico a la variable "resultado3" que inserte en la página...
resultado3.innerHTML =
...la propiedad global (location.href)
resultado3.innerHTML = location.href;

Contenido de de la propiedad global: location

Resultado de location

Explicacion de location

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

var resultado4 = document.getElementById('resultado4');
Le indico a la variable "resultado4" que inserte en la página...
resultado4.innerHTML =
...la propiedad global (location)
location;

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

Resultado de screen.width y screen.height

Screen Width: Screen Heigth:

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');
Le indico a la variable "resultado5_1" que inserte en la página...
resultado5_1.innerHTML =
...la propiedad global (screen.width)
screen.width;

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

var resultado5_2 = document.getElementById('resultado5-2');
Le indico a la variable "resultado5_2" que inserte en la página...
resultado5_2.innerHTML =
...la propiedad global (screen.width)
screen.width;