Methode querySelectorAll

Die Methode querySelectorAll ermöglicht es, Seitenelemente anhand eines beliebigen CSS-Selektors abzurufen. Mit den erhaltenen Elementen können dann verschiedene Manipulationen durchgeführt werden: deren Text, Attribute, CSS-Stile und so weiter ändern.

Syntax

document.querySelectorAll(Selektor);

Beispiel

Lassen Sie uns alle Elemente mit der Klasse www abrufen und deren Text mit der Eigenschaft textContent ändern:

<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 = '!!!';
}

Ergebnis der Codeausführung:

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

Siehe auch

Methode querySelector,
die ein Element anhand eines Selektors abruft
Methode getElementsByClassName,
die eine Gruppe von Elementen anhand der Klasse abruft
Methode getElementsByTagName,
die eine Gruppe von Elementen anhand des Tags abruft