Methode getElementsByClassName
Die Methode getElementsByClassName ermöglicht es,
Elemente der Seite anhand ihrer Klasse abzurufen,
die im
class-Attribut definiert ist. Mit den erhaltenen Elementen können
verschiedene Manipulationen durchgeführt werden:
ihren Text, Attribute, CSS-Stile ändern und so weiter.
Syntax
document.getElementsByClassName(Klassenname);
Beispiel
Lassen Sie uns alle Elemente mit der Klasse www abrufen
und ihren Text mit der Eigenschaft innerHTML ändern:
<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 = '!!!';
}
Ergebnis der Codeausführung:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Siehe auch
-
Methode
querySelectorAll,
die eine Gruppe von Elementen anhand eines Selektors abruft -
Methode
getElementsByTagName,
die eine Gruppe von Elementen anhand ihres Tags abruft
