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
document.querySelectorAll(selector);
Ejemplo
Obtengamos todos los elementos con la clase www
y cambiemos su texto usando la propiedad textContent:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
elem.textContent = '!!!';
}
Resultado de ejecutar el código:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Véase también
-
método
querySelector,
que obtiene un elemento por selector -
método
getElementsByClassName,
que obtiene un grupo de elementos por clase -
método
getElementsByTagName,
que obtiene un grupo de elementos por etiqueta
