Ivan Logo

¿Qué es DOM?

DOM = Document Object Model o Modelo de documento objetos.
- Estándar creado por la W3C (World Wide Web Consortium) que nos permite acceder a los documentos desde JavaScript (u otros lenguajes).
- Es la estructura jerárquica (similar a un árbol genealógico) que representa nuestro documento web en forma de esquema. Este esquema contiene todos los nodos (TAGs) que compone una página HTML.

¿Qué son los nodos?

Los nodos son cada uno de los elementos de nuestro documento.

- Por ejemplo, la etiqueta HTML es un nodo, la etiqueta HEAD o la etiqueta BODY también lo son. E incluso sus hijos, por ejemplo, dentro de BODY la etiqueta H1 o dentro de HEAD la etiqueta TITLE también son hijos.

¿Para qué se utiliza el DOM?

EL DOM, se crea con la finalidad de poder identificar y permitirnos trabajar (modificando estilos, el contenido, añadiendo nodos hijos, etc) sobre todos los elementos (conocidos como nodos en DOM) de nuestro documento HTML.

Estructura básica del DOM

DOM