Metoden getElementsByClassName
Metoden getElementsByClassName gör det möjligt
att hämta sidelement efter deras klass,
som anges i attributet
class. Med de hämtade elementen kan
olika manipulationer utföras:
ändra deras text, attribut, CSS-stilar och så vidare.
Syntax
document.getElementsByClassName(klassnamn);
Exempel
Låt oss hämta alla element med klassen www
och ändra deras text med 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 kodkörningen:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Se även
-
metoden
querySelectorAll,
som hämtar en grupp element med en selector -
metoden
getElementsByTagName,
som hämtar en grupp element efter tagg
