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”.
¿Qué es DOM en tecnologías web? ¿Cuáles son los usos de DOM?
Related Content
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.
More Interesting
¿Cuáles son las diferencias clave entre jQuery y AngularJS?
Cómo mantener una API de viaje
Cómo construir una página de inicio de sesión múltiple
¿Cuál es la forma más fácil de introducir una capa de seguridad en una aplicación web Node.js?
¿Cuál es el futuro del diseño web?
¿Cuál es la diferencia entre bit.ly y j.mp?
¿Qué es mejor para una aplicación web, AWS o Google App Engine?
¿Qué casos son los más adecuados para la pila de desarrollo web MEAN?
¿Es posible realizar un seguimiento de las actualizaciones del plan con Google Analytics?
¿Debo construir una aplicación web con herramientas que ya conozco o aprender nuevas?