Die querySelectorAll Metode
Die metode querySelectorAll laat toe om
bladsy-elemente volgens 'n arbitrêre
CSS-selekteerder te verkry. Met die verkrygde elemente kan verskeie
manipulasies gedoen word: verander
hul teks, eienskappe, CSS-styl ensovoorts.
Sintaksis
document.querySelectorAll(selekteerder);
Voorbeeld
Kom ons kry alle elemente met die klas www
en verander hul teks met behulp van die eienskap 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 = '!!!';
}
Die resultaat van die kode-uitvoering:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Sien ook
-
die metode
querySelector,
wat 'n element volgens 'n selekteerder verkry -
die metode
getElementsByClassName,
wat 'n groep elemente volgens klas verkry -
die metode
getElementsByTagName,
wat 'n groep elemente volgens etiket verkry