¿Qué es DOM en tecnologías web? ¿Cuáles son los usos de DOM?

Comenzaré a responder esta pregunta con HTML. HTML, como sabemos, se utiliza para crear páginas web muy simples y estáticas. Esto no es muy agradable para el usuario normal. ¿Asi que? ¿Cual es la solución? Las soluciones son lenguajes como CSS y JavaScript. Ahora estos otros idiomas necesitan tener algún medio para interactuar con el marcado HTML tradicional. Aquí es donde entra en juego DOM o Document Object Model.
Entonces, ¿cómo sabrán estos otros idiomas qué modificar en HTML? ¿Cómo funcionarán sus funciones si no pueden reconocer los elementos HTML? Por lo tanto, nuestros navegadores siguen un estándar de varios idiomas para representar el código HTML. Este estándar se llama DOM.
Después de estos navegadores DOM, el código se representa como un árbol. Por ejemplo, la etiqueta de apertura es la raíz, y todas las etiquetas dentro de ella son sus nodos, etc. Tenga en cuenta que los elementos en el árbol ahora se tratan como objetos, no como etiquetas HTML tradicionales.
Estos objetos ahora se identifican utilizando su “id”, que puede considerarse una “referencia” (similar a los punteros).
Entonces, ahora JavaScript, etc., puede saber fácilmente qué elementos hay en el código, cuáles son sus propiedades y su ubicación. Ahora pueden manipularse como objetos y modificarse fácilmente. Esta modificación se llama “trabajar con el DOM”.

DOM, que es la abreviatura de Modelo de objeto de documento, es la especificación de cómo deberían aparecer los objetos en una página web. PD: DOM no define qué información existe en un documento y cómo está estructurado o implementado.
Básicamente, especifica el modelo lógico, cómo se analizará el código.
Anteriormente, solo se usaban páginas web estáticas, sin embargo, a medida que existía el uso de páginas web dinámicas, el navegador necesita saber qué cargar dinámicamente según la elección del usuario.
Esto se logró usando javascript. El HTML dinámico (DHTML) se basa en el DOM para cambiar dinámicamente la apariencia de las páginas web después de que se hayan descargado en el navegador de un usuario.
Por ejemplo: considere una página web que carga la página1 al hacer clic en b1 y la página2 al hacer clic en b2. ¿Cómo sabe el navegador qué cargar? Aquí es donde entra DOM.
Representa el documento como un modelo de objeto que tiene una estructura similar a un árbol, es decir, cada documento HTML se representa como un árbol con la etiqueta de apertura como la raíz y las etiquetas internas como sus elementos secundarios.

Vea esto: ¿Qué es el modelo de objeto de documento? para saber cómo se analiza un documento como un árbol.

Se eligió el nombre “Modelo de objeto de documento” porque es un “modelo de objeto” en el sentido tradicional del diseño orientado a objetos: los documentos se modelan utilizando objetos, y el modelo abarca no solo la estructura de un documento, sino también el comportamiento de un documento y los objetos de los que está compuesto.
En otras palabras, los nodos en el diagrama anterior no representan una estructura de datos, representan objetos que tienen funciones e identidad. El DOM especifica cómo los documentos XML y HTML se representan como objetos, para que puedan usarse en programas orientados a objetos. Especifica cómo los documentos HTML (o XML) se representan como objetos.

(1) ¿Qué es el DOM?

Honestamente, si eres nuevo en esto (y esta pregunta implica que puedes estar aprendiendo sobre el webz), siempre encuentro sitios como CSS Tricks para dar respuestas muy buenas / básicas / detalladas para cosas. Aquí hay un enlace a su artículo que hace un trabajo perfecto al describir qué es el DOM en inglés simple: ¿Qué es el DOM? El | CSS-Tricks

Además, ¡Lynda siempre tiene tutoriales increíbles! Mira esto: ¿Qué es el Modelo de objetos de documento (DOM)?

(2) ¿Cuáles son los usos del DOM?

Diría comenzar por entender lo que significa “manipulación DOM”. Aquí hay 2 enlaces de muestra que hablan de esto:

  • ¿Qué quiere decir la gente con “manipulación DOM” y cómo haría eso?
  • Los fundamentos de la manipulación DOM de JavaScript: llámame Nick

DOM es modelo de objeto de documento. que se usa principalmente para modificar o interactuar con objetos presentes en una página usando Javascript o Jquery. Como su nombre indica, esto puede usarse para modificar propiedades de elementos como estilo, contenido. También se puede usar para recuperar contenido o los valores de elementos de formulario.