Módulo 2 · Intermedio20 min
Manipulación DOM
Selectores, creación, modificación de elementos.
Recompensa al completar
Insignia “DOM maestro” · +20 puntos
¿Qué es el DOM?
El DOM (Document Object Model) es una representación del documento HTML que JavaScript puede manipular.
Selectores
javascript
document.getElementById("mi-id");
document.querySelector(".mi-clase");
document.querySelectorAll("p");Crear elementos
javascript
let div = document.createElement("div");
div.textContent = "Hola";
document.body.appendChild(div);Modificar elementos
javascript
elemento.textContent = "Nuevo texto";
elemento.innerHTML = "<strong>HTML</strong>";
elemento.style.color = "red";
elemento.classList.add("activo");Eliminar elementos
javascript
elemento.remove();?Ejercicio
Crea un párrafo en el DOM, cambia su texto y color, y luego elimínalo.
editor.js
123456
Recompensa al completar
Insignia “DOM maestro” · +20 puntos