a) Contenido de de elemento identificado por id="h2"
El navegador no muestra nada al visualizar la página, lo único que hace es eliminar el estilo asignado a la etiqueta ("h1") en el código CSS, como se puede observar en "Buenas noches".
b) Contenido de de elemento identificado por id="h1" .
Nuevamente, el navegador no muestra nada al visualizar la página, lo único que hace es eliminar el estilo asignado a la etiqueta ("h1") en el código CSS, como se puede observar en "Buenas noches".
Caso contrario sucedería con innerHTML la cual devolvería el estilo asignado con CSS.
La propiedad outerHTML de su objeto DOM contiene inicialmente: "<div id="h1"> </div>"
c) Contenido de la propiedad global: location.href .
Mediante esta propiedad accedemos a la dirección URL completa de la página mostrada en una ventana, tal y como aparece en la barra de direcciones del navegador. Modificando directamente su contenido, podemos hacer que el navegador acceda a otra dirección, dirección que se incluirá en la lista de direcciones visitadas del objeto "history" location.href="http://www.xxxxxxxxxx/otrapagina.html" , este ejemplo nos direccionaría a la URL indicada.
No es necesario usar direcciones absolutas. Así si la página actual se encuentra en la dirección location.href="http://www.xxxxxxxxxx/mipagina.html" una asignación como location.href="destino.html", nos llevaría a la dirección location.href="http://www.xxxxxxxxxx/destino.html"
Esta propiedad es bastante útil para usar enlaces cuyos destinos queramos modificar dinámicamente, en lugar de usar una dirección en el enlace usamos una llamada a una función javascript que se encargue de actualizar adecuadamente el valor de "location.href": <a href="javascript:destino()">enlace</a>
d) Contenido de la propiedad global: location .
El objeto "location" representa la URL de la página HTML que se muestra en la ventana del navegador y proporciona varias propiedades útiles para el manejo de la URL .
Es uno de los objetos más útiles del DOM. Debido a la falta de una estandarización, el objeto "location" es una propiedad tanto del objeto window como del objeto document .
Sus propiedades son: 'hash', 'host', 'hostname', 'href', 'pathname', 'port', 'protocol' y 'search'.
e) Contenido de las propiedades globales:
Propiedad screen.width .
La propiedad "width" devuelve el "ancho total", en píxeles, de la pantalla (o display) del usuario.
Para poder ver el "ancho total", en píxeles, de tu pantalla (o display).
Propiedad screen.height .
La propiedad "height" devuelve la "altura total", en píxeles, de la pantalla (o display) del usuario.
Para poder ver el "alto total", en píxeles, de tu pantalla (o display).
Para poder ver todas las propiedades de tu pantalla (o display).