Metoden querySelectorAll
Metoden querySelectorAll lar deg hente
sideelementer etter en vilkårlig CSS-selector.
Med de innhentede elementene kan du
utføre ulike manipulasjoner: endre
deres tekst, attributter, CSS-stiler og så videre.
Syntaks
document.querySelectorAll(selector);
Eksempel
La oss hente alle elementene med klassen www
og endre teksten deres ved hjelp av 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 kjøring av koden:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Se også
-
metoden
querySelector,
som henter et element etter selector -
metoden
getElementsByClassName,
som henter en gruppe elementer etter klasse -
metoden
getElementsByTagName,
som henter en gruppe elementer etter tagg
