Wie rufe ich Elemente nach Klassennamen in JavaScript ab?

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

• Genaue Informationen zur DOM-Manipulation finden Sie bei MDN und nicht bei W3Schools.

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!