Metode getElementsByClassName
Die metode getElementsByClassName laat
toe om bladsy-elemente volgens hul klas te verkry,
gespesifiseer in die
class attribuut. Met die verkrygde elemente kan
verskeie manipulasies gedoen word:
verander hul teks, attribure, CSS style ensovoorts.
Sintaksis
document.getElementsByClassName(klasnaam);
Voorbeeld
Laat ons alle elemente met die klas www verkry
en hul teks verander met behulp van die eienskap innerHTML:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Resultaat van kode-uitvoering:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Kyk ook
-
metode
querySelectorAll,
wat 'n groep elemente volgens 'n selekteerder verkry -
metode
getElementsByTagName,
wat 'n groep elemente volgens 'n tag verkry