[#18]⚡Curso de avascript Actualizado – Introducción al DOM (Document Object Model)

curso de javascript actualizado desde ceros

Continuamos viendo el DOM o el  (Document Object Model) como lo conocemos, ya que es muy importante entenderlo antes de pasar a la parte donde nosotros podemos intervenir o invocar cualquier parte HTML, un link, un Div, una imagen etc, y podamos trabajar con ellos como por ejemplo : cambiarles el color, la clase y hacer cosas mucho más interactivas e interesantes, pero para poder realizar esto es necesario  entender muy bien lo que es el Document Object Model.

 

Representación Gráfica del DOM o el  (Document Object Model)

representación gráfica del Dom (Document Object Model)

Este Dom parte desde el Documet (aquí quiero explicarles algo: En el vídeo anterior vimos el Window Object y se explicaron muchos elementos, pero el Document  hace parte de ese window object, ya que este sería como el Padre el cual contiene también al Document).

Ahora, del Document se derivan varias cosas,principalmente contiene todas las etiquetas HTML del documento anidadas. Y aquí continúo explicándoles este diagrama.

En este video del curso de Javascript Actualizado tendrás el primer contacto con el DOM (Document Object Model), este es parte del Window Object que vimos en el video pasado. El DOM se puede entender como el árbol de todas las etiquetas html anidadas que existan en nuestro documento html, es decir desde la primera etiqueta html hasta el cierre de la misma html, así mismo con la etiqueta head, body, los div listas con ul li y todo lo que existe. El document object model nos permite manipular estas etiquetas para crear contenido dinámico como cambiar estilos CSS, animaciones, cambiar contenido de texto, imágenes y mucho más.

Qué aprenderás en este video:

⚡  Cómo funciona el DOM de manera interna para poder entender cómo manipular las etiquetas html que contiene
⚡  Los fundamentos teóricos del Document Object Model en Javascript.

Ver Vídeo

Te puede interesar...