Metoden querySelectorAll
Metoden querySelectorAll låter dig hämta
element på en webbsida med valfri CSS-selektor.
Med de hämtade elementen kan du
utföra olika manipulationer: ändra
deras text, attribut, CSS-stilar och så vidare.
Syntax
document.querySelectorAll(selektor);
Exempel
Låt oss hämta alla element med klassen www
och ändra deras text med egenskapen 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 = '!!!';
}
Resultatet av kodkörningen:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Se även
-
metoden
querySelector,
som hämtar ett element med en selektor -
metoden
getElementsByClassName,
som hämtar en grupp element efter klass -
metoden
getElementsByTagName,
som hämtar en grupp element efter tagg
