Metoden getElementsByClassName
Metoden getElementsByClassName lar
deg hente sideelementer etter deres klasse,
satt i attributtet
class. Du kan utføre ulike manipulasjoner
på de hentede elementene:
endre deres tekst, attributter, CSS-stiler og så videre.
Syntaks
document.getElementsByClassName(klassenavn);
Eksempel
La oss hente alle elementer med klassen www
og endre teksten deres ved hjelp av egenskapen 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 av kjøring av koden:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Se også
-
metoden
querySelectorAll,
som henter en gruppe elementer etter en selector -
metoden
getElementsByTagName,
som henter en gruppe elementer etter tag
