El Document object model (DOM) de Javascript

ejemplo document object model javascript

El Document object model (DOM) de Javascript

Print Friendly, PDF & Email
Valora esta entrada

El DOM es un tipo especial de objeto que esquematiza las relaciones y interacciones entre los nodos de un documento web y que es creado por el navegador cada vez que interpreta una página web.

Cada etiqueta de un documento web es un nodo del mismo y puede ser interpretada a su vez como un objeto con propiedades definidas por los atributos, eventos y contenido de cada etiqueta.

En el modelo de objetos de un documento todos los nodos están relacionados entre si mediante jerarquías.

Nodo = elemento (etiqueta) + atributos + eventos + texto

Que nos permite hacer el DOM

Mediante el DOM podemos acceder, modificar, crear, añadir o eliminar cualquier objeto ya sea el propio documento, etiquetas, atributos, eventos o estilos de cualquier etiqueta html, el css o incluso el propio javascript.

Lo resumimos como una combinación de uno de cada una de las 3 columnas a continuación:

Encontrar

Modificar

Añadir

Crear

Eliminar

Reaccionar

Documentos

Elementos

Estilos

Atributos

Eventos

html

css

javascript

Dónde y como visualizar el DOM

Todos los navegadores incorporan un kit de herramientas para desarrolladores desde dónde inspeccionar el código y entre muchos otros usar visualizar el DOM.

herramientas desarrollador web
DOM en las herramientas para desarrollador web

En la imagen de pantalla podemos ver un pequeño ejercicio de clase visto desde las herramientas para desarrolladores de un navegador Chrome.

En la imagen aparece una línea señalada y en el extremo inferior el camino «html > head > title» hasta llegar al elemento title y su contenido

En esta entrada hemos resumido el concepto del DOM.

En futuras publicaciones hablaremos sobre como acceder al DOM y como modificar, crear y eliminar nodos.

Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.