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

javascriptdocument.getElementsByClassName(klasnaam);

Voorbeeld

Laat ons alle elemente met die klas www verkry en hul teks verander met behulp van die eienskap innerHTML:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

Resultaat van kode-uitvoering:

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

Kyk ook