Introducción al DOM con JavaScript

Búsqueda de elementos

En este ejemplo se muestran códigos sencillos para seleccionar elementos dentro del documento y modificar o su contenido o su aspecto

• Selecciona el primeroPulsa
• Selecciona el elemento pasado como parámetroPulsa
• Escribe algo y se mostrará en el tercer div
  Pulsa
• Selecciona todos los divPulsa
• Selecciona todos los elementos de clase titlePulsa
• Selecciona solamente los elementos <p> de clase titlePulsa
• Muestra el contenido del primer <div> (Node.textContent) en el quinto <div>Pulsa
• Muestra el contenido del primer <div> (HTMLElement.innerText) en el quinto <div>Pulsa
• Muestra el contenido del primer <div> (Element.innerHTML) en el quinto <div>Pulsa

function selectElement(id) {
  let contenedor = document.getElementById(id);
  contenedor.style.backgroundColor = "red";
  window.setTimeout(
    function () {
      contenedor.style.backgroundColor = "lightgray";
    }, 1000);//Se ejecuta a los 1000 ms
  }