DOM

El DOM o Modelo de Objetos de Documento, en inglés, Document Object Model es la estructura de elementos, atributos y textos que conforman de forma jerárquica la estructura de todas las páginas web.

Los navegadores interpretan el contenido de las páginas HTML para poder construir el DOM o Modelo de Objetos de Documento que la conforman. En ella podemos encontrar las imágenes, los párrafos, las listas, las cabeceras, pies de página o cualquier otro elemento.

El DOM o Modelo de Objetos de Documento nos ofrece una serie de interfaces sobre los elementos para poder interactuar con ellos mediante código Javascript y así modificar sus atributos o el contenido del mismo.

Un ejemplo de uso del DOM es, por ejemplo, cuando realizamos un código que pulsando un botón se cambie el texto de un párrafo. Para ello tenemos que saber qué elemento del DOM es pulsado y qué elemento del DOM que representa el párrafo tenemos que localizar para poder cambiar su texto u otras propiedades.