arbol_del_dom

El árbol del DOM (Document Object Model) es la representación estructural de un documento HTML como una jerarquía de nodos. Cada elemento, atributo y fragmento de texto existe como un nodo relacionado por vínculos de padre, hijo y hermano, lo que permite que el documento sea recorrido, modificado y reordenado de manera programática.

Diagrama del árbol del DOM

Desde un punto de vista técnico, el DOM se construye por el navegador a partir del HTML inicial mediante un proceso de parseo que transforma el texto plano en una estructura de objetos en memoria. Cada nodo expone una API estandarizada que permite su inspección y manipulación —creación, eliminación, clonación y reordenamiento— así como la reacción a cambios mediante eventos. Esta capa intermedia separa el documento fuente de su estado vivo en ejecución y habilita que JavaScript opere directamente sobre la estructura del texto sin necesidad de recargar la página.