DOM

Manejo del Document Object Model

  • Acceso a mi muro de Patreon con artículos y tutoriales.
  • mini-cursos exclusivos
  • Cursos de Paga
  • Workshops: con proyectos reales
  • Asesorías personales
  • Mi eterna gratitud por tu apoyo.

DOM

  • Document Object Model
  • Representación del documento como un grupo de nodos y objetos que tienen propiedades y métodos

Representación: HTML vs DOM

Selectores

getElementsByTagName()
getElementsByClassName()
getElementById()

querySelector()
querySelectorAll()

getAttribute()
setAttribute()

Modificando el CSS

style.{propiedad css a modificar}

className
classList

classList.add
classList.remove
classList.toggle

// Bonus
innerHTML

parentElement
children

Eventos

mouseover

mouseout

click

Proyecto

To-do list (básico)

DOM JS

By Carlos Hernández

DOM JS

  • 222