hola

1

Índice
6.1 El modelo de objetos del documento (DOM)
6.1.1 Tipos de modelos DOM
6.1.2 Estructura del árbol DOM
6.2 Objetos del modelo. Propiedades y métodos de los objetos
6.2.1 Objetos del modelo
6.2.2 La interfaz Node.
6.3 Acceso al documento desde código
6.3.1 Acceso a los tipos de nodo
6.3.2 Acceso directo a los nodos
6.3.3 Acceso a los atributos de un nodo tipo element.6.3.4 Creación y eliminación de nodos
2 2

Índice
6.4 programación de eventos
6.4.1 Carga de la página HTML
6.4.2 Comprobar si el árbol DOM está cargado.
6.4.3 Actuar sobre el DOM al desencadenarse eventos
6.5 Diferencias en las implementaciones del modelo
6.5.1 Adaptaciones de código para diferentes navegadores
6.6 Uso de librerías de terceros.

3 3

1 El modelo de objetos deldocumento (DOM)
En el capítulo anterior hemos visto que accedíamos a
través de un objeto que se llamaba document a algunos
elementos de la página web.
El objeto document es el objeto de más alto nivel dentro
del modelo de objetos del documento.
¿Qué es el modelo de objetos del documento? Es un
estándar de W3C que define cómo acceder a los
documentos, como por ejemplo HTML y XML.
A esteestándar se le llama Document Object Model, o
DOM, que traducido significa Modelo de Objetos del

Documento.
4 4

1 El modelo de objetos del
documento (DOM)
Es una interfaz de programación de aplicaciones
(API) de la plataforma de W3C.
Cuenta con un lenguaje neutro que permite a los
scripts acceder y actualizar dinámicamente su
contenido, estructura y estilo de documento.
Fue utilizado porprimera vez con el navegador
Netscape Navigator V.2.0.
A esta primera versión de DOM se le denomina
DOM nivel 0.
5 5

1 El modelo de objetos del
documento (DOM)
El primer navegador de Microsoft que utilizó el
DOM nivel 0 fue IE 3.0.
En la versión 3.0 de Netscape y la 4.0 de Internet
Explorer se comenzaron a utilizar rollovers.
Rollover es un efecto que hace cambiar una
imagen, porejemplo, cuando pasamos el ratón
por encima.
A partir de aquí comenzaron a incluir en algunos
navegadores la capacidad de detectar eventos de
ratón y de teclado.
6 6

1 El modelo de objetos del
documento (DOM)
Debido a las diferencias entre los navegadores, W3C emitió
una especificación a finales de 1998 que llamó DOM nivel 1.
En esta especificación ya se consideraba la manipulación detodos los elementos existentes en los archivos HTML.
A finales del año 2000, W3C emitió DOM nivel 2, en la cual
se incluía el manejo de eventos en el navegador y la
interacción con hojas de estilo CSS.
En 2004 se emitió DOM nivel 3, en la cual se utiliza la
definición de tipos de documento (DTD) y la validación de
documentos.
7 7

1.1 El modelo de objetos del
documento (DOM). Tipos demodelos DOM
Actualmente DOM se divide en tres
partes diferentes según la W3C. A estas
partes también se les llama niveles:
o
o
o

Núcleo del DOM
XML DOM.
HTML DOM.

8 8

1.1 El modelo de objetos del
documento (DOM) Tipos de
modelos DOM
Núcleo del DOM:
o

o

Este es el modelo estándar para cualquier
documento estructurado.
En este modelo se especifican a nivel
general laspautas para definir los objetos
y propiedades de cualquier documento
estructurado así como los métodos para
acceder a ellos.
9 9

1.1 El modelo de objetos del
documento (DOM) Tipos de
modelos DOM
XML DOM:
o

o

Este es el modelo estándar para los
documentos XML.
Este modelo define los objetos y
propiedades de todos los elementos XML,
así como los métodos para acceder a ellos.10 10

1.1 El modelo de objetos del
documento (DOM) Tipos de
modelos DOM
HTML DOM:
o
o
o
o
o
o

o

o

Un modelo de datos estándar para HTML.
Modelo en el que nos vamos a centrar.
Una interfaz de programación estándar para HTML.
Independiente de la plataforma y el lenguaje.
Es un estándar de la W3C.
El DOM HTML define los objetos y las propiedades de los elementos
HTML...