Ejemplos de algunas propiedades DOM
a) Contenido de
innerHTML del elemento identificado por
id="h2":
b) Contenido de
outerHTML del elemento identificado por
id="h1":
Aviso: La primera línea es el contenido real del elemento. La segunda es cómo es renderizado por el navegador. Esto nos advierte de que explorar el árbol DOM haciendo que el navegador imprima sus elementos sin más, puede llevar a engaño, pues interpreta el contenido, cosa que en este caso no interesa. En cambio, las utilidades de consola y explorador DOM del navegador facilitan la visión real.
c) Contenido de la propiedad global
"location.href":
d) Contenido de la propiedad global
"location":
Aviso: Aunque se imprime en pantalla igual que "location.href", en realidad es un OBJETO, no un STRING como el caso anterior. Vuelve a ocurrir lo del caso (b).
e) Contenido de las propiedades globales
"screen.width" y
"screen.heigth":