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

document.getElementsByClassName(klassenaam);

Voorbeeld

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

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

Zie ook

methode querySelectorAll,
die een groep elementen ophaalt op basis van een selector
methode getElementsByTagName,
die een groep elementen ophaalt op basis van een tag