DOM o por su traducción al español Modelo de Objetos del Documento es un API para documentos HTML y XML, el cual proporciona una representación estructural del documento, permitiendo la modificación de su contenido y visualización. Esencialmente, comunica las páginas web con los scripts o los lenguajes de programación.

Es común utilizar DOM al unísono de JavaScript. El código es escrito en JavaScript, pero utiliza DOM para acceder hacia la página web y sus elementos. Sin embargo DOM fue diseñado para ser independiente de cualquier lenguaje de programación, poniendo la representación estructural del documento disponibles a un solo API. Las implementaciones DOM pueden hacerse para cualquier lenguaje.

DOM proporciona objetos nativos para acceder hacia varios ítemes de interés.

El objeto “document” se refiere a todo el documento.

• document.forms[0] se refiere al primer formulario de la página.
• document.write(“Hola Mundo!”) escribe la cadena “Hola Mundo!” en la página.
• document.write(document.cookie) escribirá el valor de las cookies de la página hacia la página.

El objeto “Form” es utilizado para acceder a un formulario específico.

• form.action = [URL Destino] ajusta la acción del formulario hacia la URL definida, permitiendo redireccionar al navegador hacia otra página.
• form.submit() enviará el formulario.

El documento además de su ventana son visualizados y gestionados como un árbol. Como en el diagrama presentado en la imagen anterior, el árbol inicia con la etiqueta “HTML”, de aquí se originan otras ramas y etiquetas. Cada nodo desde aquí es un hijo de alguno anterior, y un padre del siguiente. Cada etiqueta puede tener uno o más atributos asignados, como el color y tamaño.

Fuentes:

https://www.w3.org/2005/03/DOM3Core-es/introduccion.html
https://developer.mozilla.org/es/docs/Acerca_del_Modelo_de_Objetos_del_D...
https://developers.google.com/web/fundamentals/performance/critical-rend...
http://www.reydes.com/d/?q=Ajax_Asynchronous_JavaScript_and_XML