JavaScript History-Objekt HTML DOM Element-Objekt

HTML DOM getElementsByClassName() Methode

element.getElementsByClassName()Rückgabe eine Klasse, die alle nachgeordneten Elemente mit der angegebenen Klassennamen enthält. Wenn auf dem Dokumentobjekt aufgerufen, wird das gesamte DOM-Dokument durchsucht, einschließlich des Wurzelknotens. Sie können auch die Methode getElementsByClassName() auf jedem Element aufrufen, es wird jedoch die Liste der nachgeordneten Elemente mit der angegebenen Klassennamen, die vom aktuellen Element als Wurzelknoten ausgeht, zurückgegeben.

Die Elemente in der Liste werden in der Reihenfolge sortiert, in der sie im Quellcode auftreten.

Die Liste kann durch die Indexnummer erreicht werden. Der Index beginnt bei 0.

VerwendunglengthEigenschaft bestimmt die Anzahl der nachgeordneten Elemente mit der angegebenen Klassennamen, und dann können alle Elemente durchsucht und die benötigte Information extrahiert werden.

Diedocument.getElementsByClassName()Der Arbeitsmechanismus der Methode ist im Wesentlichen gleich, nur dass er auf das gesamte Dokument wirkt und mit dem Dokumentstamm beginnt.

Syntax:

element.getElementsByClassName(class)

Beispiel

var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";

Testen Sie heraus‹/›

Browserkompatibilität

Die getElementsByClassName()-Methode wird von allen Browsern vollständig unterstützt:

Methode
getElementsByClassName()	Ja	Ja	Ja	Ja	Ja

Parameterwert

Parameter	Beschreibung
class	Die Klasse des gewünschten Kind-Elements, die Sie erhalten möchten. Um mehrere Klassennamen zu suchen, trennen Sie sie mit Leerzeichen, z.B. "demo color".