¿Qué es DOM?

Utilizando JavaScript, puedes reconstruir un documento HTML completo. Puede agregar, eliminar, cambiar o reorganizar elementos en la página.

Para cambiar el contenido de la página, JavaScript necesita acceder a todos los elementos del documento HTML. Esta entrada, así como los métodos y propiedades para agregar, mover, cambiar o eliminar elementos HTML, se obtienen a través del Modelo de objetos de documento (DOM).

En 1998, el W3C lanzó la especificación DOM de primer nivel. Esta especificación le permite acceder y manipular cada elemento individual en una página HTML.

Todos los navegadores implementan este estándar, por lo que los problemas de compatibilidad DOM son casi difíciles de encontrar.

DOM se divide en diferentes partes (Core, XML y HTML) y niveles (DOM Nivel 1/2/3):

Core DOM

Para cualquier Un documento estructurado define un conjunto de objetos estándar.

XML DOM

Define un conjunto de objetos estándar para documentos XML.

HTML DOM

Define un conjunto de objetos estándar para documentos HTML.

Puedes leer más sobre las especificaciones/niveles DOM del W3C en nuestro tutorial del W3C.