| Tutoriales | JavaScript |

Manipulación del DOM en JavaScript paso a paso

El DOM (Document Object Model) representa la estructura de un documento HTML.
Con JavaScript puedes acceder a él para modificar contenido, estilos y responder a eventos.

Seleccionar elementos

let titulo = document.getElementById("titulo");
let parrafos = document.querySelectorAll("p");

Cambiar contenido

document.getElementById("titulo").textContent = "Nuevo título";

Cambiar estilos

document.getElementById("titulo").style.color = "blue";

Escuchar eventos

document.getElementById("boton").addEventListener("click", () => {
  alert("¡Hiciste clic en el botón!");
});

---

Con la manipulación del DOM puedes hacer tus páginas interactivas y dinámicas.

---