Introducción al DOM

🏁 Objetivos

  • Que te introduzcas al DOM y sus conceptos principales
  • Que puedas acceder a elementos del DOM mediante JavaScript
  • Que puedas manipular las clases y los estilos de elementos del DOM

📝 Contenidos

El modelo de objeto del documento

  • El entorno del navegador
  • Estructura del DOM
  • El objeto document
  • Etiquetas como objetos (anidados)
  • Inspeccionando el DOM en la consola
  • Inspeccionando un nodo
  • console.log vs console.dir

Buscando elementos

  • Buscando elementos del DOM:
    • getElementById
    • querySelector

Trabajando con clases

  • La propiedad classList
  • Usando clases para modificar estilos de forma dinámica
  • Métodos de classList:
    • add
    • remove

Trabajando con estilos

  • La propiedad style
  • Modificando estilos

Trabajando con atributos

  • href
  • src

Modificando el texto

  • textContent

🚀 Recursos de la clase

📆 Fecha 16/07/2021

📹 Grabación

👩‍💻 Código

💪 Ejercitación - Hacer 4 o 5, desde el 1 hasta el 8 inclusive

📚 Material de lectura

En inglés

🔍 Para seguir investigando

En inglés

Edit this page