Método querySelectorAll

El método querySelectorAll permite obtener elementos de la página por un selector CSS arbitrario. Con los elementos obtenidos se podrán realizar diversas manipulaciones: cambiar su texto, atributos, estilos CSS y así sucesivamente.

Sintaxis

javascriptdocument.querySelectorAll(selector);

Ejemplo

Obtengamos todos los elementos con la clase www y cambiemos su texto usando la propiedad textContent:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  elem.textContent = '!!!';
}

Resultado de ejecutar el código:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Véase también