<!DOCTYPE html><html>
<head>
<title>DATE (FECHA)</title>
<meta charset="UTF-8">
</head>
<body>
<h1 id="h1"></h1>
<h3 id="minombre"></h3>
<h2 id="h2">La fecha y la hora actual son:</h2>
<div id="fecha"></div>
<br>
Propiedades añadidas:
<br><br>
<div id="prop_DOM"></div>

<script type="text/javascript">
var fecha = new Date();
var msj;
var nombre="Elí Rivero";
var a,b,c,d,e;
var text_DOM="";

if(fecha.getHours()<7){msj="Buenas noches";}
else if(fecha.getHours()<12){msj="Buenos días";}
else if(fecha.getHours()<21){msj="Buenas tardes";}
else {msj="Buenos días";}

document.getElementById("h1").innerHTML = msj;
document.getElementById("fecha").innerHTML = fecha;
document.getElementById("minombre").innerHTML = nombre;

//Propiedades añadidas

a = document.getElementById("h2").innerHTML;
b = document.getElementById("h1").outerHTML;
c = location.href;
d = location;
e = screen.width + ", " + screen.height;

document.getElementById("prop_DOM").innerHTML += "inner.HTML de id='h2': " + a + "<br>" +
"outer.HTML de id='h1': " + b + "<br>" + "location.ref: " + c + "<br>" + "location: " + d + "<br>" +
"screen.width y screen.height: " + e;

</script>
</body>
</html>