Die Methode getElementsByClassName() wird zum Auswählen oder Abrufen der Elemente über ihren Klassennamenwert verwendet. Diese DOM-Methode gibt ein Array-ähnliches Objekt zurück, das aus allen Elementen mit dem angegebenen Klassennamen besteht. Wenn Sie die Methode getElementsByClassName() für ein bestimmtes Element aufrufen, durchsucht sie das gesamte Dokument und gibt nur die Elemente zurück, die mit dem angegebenen oder gegebenen Klassennamen übereinstimmen.
Syntax
var ele=document.getELementsByClassName('name');
Hier ist name das zu übergebende Pflichtargument. Es handelt sich um die Zeichenfolge, die entweder einen einzelnen Klassennamen oder mehrere übereinstimmende Klassennamen angibt.
Java-Nummer zum String
Beispiel für die Methode getElementsByClassName()
Schauen wir uns einige Beispiele an, um die praktische Umsetzung der Methode kennenzulernen und zu verstehen.
Beispiel
Es handelt sich um eine einfache Klassenimplementierung, die beim Aufruf der Variablen x ein Array-ähnliches Objekt zurückgibt.
<h5>DOM Methods </h5> This is a simple class implementation var x=document.getElementsByClassName('Class'); document.write('On calling x, it will return an arrsy-like object: <br>'+x);
Ausgabe:
Ebenso können wir die Methode getElementsByClassName() implementieren, um Elementsammlungen für mehrere Klassen zurückzugeben.
Unterschied zwischen den Methoden getElementsByClassName(), querySelector() und querySelectorAll()
getElementsByClassName(): Es gleicht die Elemente mit dem angegebenen Klassennamen ab und gibt einen Satz der übereinstimmenden Elemente zurück. Die zurückgegebenen Elemente sind Live-HTML-Elementsammlungen. Diese Live-Elemente können weiter aktualisiert werden, wenn Änderungen am Dokumentobjektmodell vorgenommen werden.
Verzeichnis in Linux-Befehlen
querySelector(): Es wird nur ein einzelnes Element zurückgegeben, das mit dem angegebenen Klassennamen übereinstimmt. Wenn kein passendes Element gefunden wird, wird null zurückgegeben.
Der wichtigste zu verstehende Punkt ist, dass alle oben beschriebenen Methoden entweder ein Element oder eine Liste zurückgeben, die Methode getELementsByClassName() jedoch dient dazu dynamisch Aktualisierung, und die anderen beiden Methoden dienen der statisch .