Elemente nach Klassennamen abrufen
In JavaScript wird das Abrufen eines Elements anhand seiner ID durch document.getElementById("element-id) erreicht ") Methode. Beim Versuch, mit document.getElementByClass("class-name") über seinen Klassennamen auf ein Element zuzugreifen, wird jedoch ein Fehler angezeigt.
Lösung: getElementsByClassName()
Die korrekte Syntax zum Abrufen von Elementen basierend auf ihrem Klassennamen ist document.getElementsByClassName("class-name"). Diese Methode gibt eine NodeList zurück, die alle Elemente enthält, die die angegebene Klasse gemeinsam haben. Um auf ein bestimmtes Element innerhalb der NodeList zuzugreifen, verwenden Sie dessen Index, z. B. y[0], um auf das erste passende Element zuzugreifen.
Konvertieren in ein Array
Wenn Sie erfordern, dass die NodeList als Array dargestellt wird, können Sie dies tun, indem Sie die Methode Array.prototype.slice.call() verwenden:
var arrFromList = Array.prototype.slice.call(y);
Alternative Ansätze
Erwägen Sie stattdessen die Verwendung der Methoden querySelectorAll('.foo') oder querySelector('.foo'), da diese eine bessere Browserunterstützung bieten.
Zusätzliche Überlegungen
Das obige ist der detaillierte Inhalt vonWie rufe ich Elemente nach Klassennamen in JavaScript ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
