El DOM(Document

Object Model)
 Cada elemento de una pgina es accesible en JavaScript a travs del
DOM: Modelo de Objetos de Documento

El DOM
 El DOM es un rbol de objetos de nodo que corresponde a los elementos
HTML en una pgina.

El cdigo JS puede examinar

estos nodos para ver el estado
de un elemento

El cdigo JS puede editar los

El DOM atributos de estos nodos para
cambiar los atributos de un
elemento

El cdigo JS puede agregar

elementos y eliminar
elementos de una pgina web
agregando y eliminando nodos
del DOM
 Cmo accedemos a un objeto DOM desde JavaScript?

Podemos acceder al nodo DOM correspondiente de un elemento

HTML en JavaScript a travs de la funcin querySelector:

Devuelve el primer elemento que coincide con el selector

Obteniendo CSS dado.

objetos DOM
Y a travs de la funcin querySelectorAll:

Devuelve todos los elementos que coinciden con el selector

de CSS dado.
 Ejemplos

// Devuelve el objeto DOM para el elemento HTML

// con id = button", o null si no existe ninguno

Obteniendo
objetos DOM // Devuelve una lista de objetos DOM que contiene a todos los
// elementos que tienen una clase "quote" Y todos
// elementos que tienen una clase "comment".
 Cada objeto DOM tiene definido el siguiente mtodo para
escuchar un evento:

Agregar y Comn: clic, enfoque, desenfoque, etc

Eliminar
eventos
oyentes Para dejar de escuchar un evento, use removeEventListener:
 Puede agregar el atributo defer en la etiqueta de script para que el
JavaScript no se ejecute hasta que se haya cargado DOM:

Usar defer