Cursos gratuitos online sobre DOM (Document Object Model)

Cursos gratis de DOM (Document Object Model) para desarrollo web: aprende a manipular el DOM con JavaScript desde cero, ejemplos y prácticas.

2

Verified icon

cursos de video

Cursos gratuitos de DOM (Document Object Model)
Cursos gratis de DOM (Document Object Model) para desarrollo web: aprende a manipular el HTML con JavaScript desde cero y crea interfaces dinámicas.

¿Qué es el DOM en JavaScript?

El DOM es una representación en forma de árbol de un documento HTML que JavaScript puede leer y modificar.

¿Cómo seleccionar elementos del DOM?

Puedes usar métodos como querySelector(), querySelectorAll(), getElementById() y getElementsByClassName().

¿Qué diferencia hay entre innerHTML y textContent?

innerHTML interpreta etiquetas HTML, mientras que textContent inserta o obtiene únicamente texto plano.

¿Cómo cambiar el contenido de un elemento con JavaScript?

Selecciona el elemento y modifica propiedades como textContent, innerHTML o value, según el tipo de etiqueta.

¿Cómo agregar una clase CSS a un elemento del DOM?

Utiliza element.classList.add('nombre-clase') para añadir una clase y classList.remove() para eliminarla.

¿Cómo crear y añadir elementos HTML con JavaScript?

Crea el elemento con document.createElement(), configura su contenido y añádelo con append() o appendChild().

¿Qué son los eventos del DOM?

Son acciones como clics, teclas o envíos de formularios que JavaScript puede detectar con addEventListener().

Certificado digital gratuito para todos los cursos

Completa cualquier curso y obtén tu certificado a través de la aplicación, ¡gratis!

Más información sobre el certificado