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
document.getElementsByClassName(klassenavn);
Eksempel
Lad os hente alle elementer med klassen www
og ændre deres tekst ved hjælp af egenskaben 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 = '!!!';
}
Resultatet af kodeudførelsen:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Se også
-
metoden
querySelectorAll,
som henter en gruppe elementer efter en selector -
metoden
getElementsByTagName,
som henter en gruppe elementer efter tag
