Methode getElementsByClassName

De methode getElementsByClassName maakt het mogelijk om paginaelementen op te halen op basis van hun klasse, ingesteld in het class attribuut. Met de verkregen elementen kan verschillende manipulaties worden uitgevoerd: hun tekst, attributen, CSS-stijlen wijzigen, enzovoort.

Syntaxis

javascriptdocument.getElementsByClassName(klassenaam);

Voorbeeld

Laten we alle elementen met de klasse www ophalen en hun tekst wijzigen met behulp van de eigenschap 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 de uitgevoerde code:

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

Zie ook