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_…
https://developers.google.com/web/fundamentals/performance/critical-ren…
http://www.reydes.com/d/?q=Ajax_Asynchronous_JavaScript_and_XML