Wie wähle ich Elemente nach Klassennamen in JavaScript aus?

So erhalten Sie Elemente nach Klassennamen

In JavaScript ist das Abrufen von Elementen anhand ihrer IDs mit der Methode document.getElementById() ganz einfach. Das Abrufen von Elementen nach Klasse unterscheidet sich jedoch geringfügig und kann zunächst zu Verwirrung führen.

Der korrekte Methodenname zum Auswählen von Elementen nach Klasse lautet document.getElementsByClassName(). Dies liegt daran, dass mehrere Elemente auf einer Webseite dieselbe Klasse teilen können, weshalb „Elements“ verwendet wird, das eine NodeList oder ein Array-ähnliches Objekt zurückgibt.

Hier ist ein Beispiel:

<code class="javascript">var elementsByClass = document.getElementsByClassName('class_name');
console.log(elementsByClass[0]); // Accesses the first element with the provided class name</code>

Wenn Sie die NodeList in ein tatsächliches Array konvertieren müssen, können Sie die folgenden Methoden verwenden:

<code class="javascript">var arrayFromList1 = Array.prototype.slice.call(elementsByClass);

// Alternatively, you can use the following syntax to convert the NodeList to an array
var arrayFromList2 = [].slice.call(elementsByClass);</code>

Es ist erwähnenswert, dass die Verwendung von querySelector() oder querySelectorAll() zum Auswählen von Elementen nach Klasse im Allgemeinen sinnvoll ist aufgrund der besseren browserübergreifenden Unterstützung bevorzugt.

Abschließend wird empfohlen, sich für genaue und aktuelle JavaScript-Informationen an seriöse Quellen wie MDN zu wenden.

Das obige ist der detaillierte Inhalt vonWie wähle ich Elemente nach Klassennamen in JavaScript aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!