Capítulo 18: ¿Cómo identifica Java Script los elementos del DOM?

Contenido:

¿Cómo identifica JavaScript los elementos del DOM? El DOM, Document Object Model; El Método getElementById; Forma parte del Objeto document; En HTML el atributo id debe ser único; getElementById recibe como único argumento la id del elemento HTML; La propiedad innerHTML para acceder y modificar a elementos HTML; Combinar el método getElementById y la propiedad innerHTML para acceder y modificar elementos del DOM; Uso del Objeto window.history para acceder a la historia del navegador. La propiedad length; Los métodos forward, back y go; Uso del método go con números y strings.

getElementById(): selecciona un elemento de una página Web con una id específica por su Id (las id han de ser únicas en un documento HTML)

Ejemplo:

<div id = “div1”>

<p> Contenido del elemento DIV</p>

</div>

….

<script>

var miDiv = document.getElementById(“div1”);

var miDivContenido = document.getElementById(“div1”).innerHTLM; //Obtiene el contenido

var miDivContenido = document.getElementById(“div1”).innerHTLM = “<p> Este es el párrafo modificado </p>”;

</script>

propiedad innerHTML: permite definir/obtener  el contenido HTML de una página

acceder a la historia del navegador: windows.history

propiedad length: nos indica el número de páginas almacenadas

métodos: forward(), back(), go()