Metoden getElementsByClassName

Metoden getElementsByClassName giver mulighed for at hente sideelementer efter deres klasse, angivet i attributten class. De hentede elementer kan manipuleres på forskellige måder: ændre deres tekst, attributter, CSS-stil og så videre.

Syntaks

javascriptdocument.getElementsByClassName(klassenavn);

Eksempel

Lad os hente alle elementer med klassen www og ændre deres tekst ved hjælp af egenskaben 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 = '!!!';
}

Resultatet af kodeudførelsen:

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

Se også