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

So erhalten Sie Elemente nach Klassennamen in JavaScript

In JavaScript folgt das Abrufen von Elementen nach ID der Syntax:

var x=document.getElementById("by_id");

Der Versuch, Elemente nach Klasse mit der folgenden Syntax abzurufen, führt jedoch zu einem Fehler:

var y=document.getElementByClass("by_class");

Lösung:

Elemente nach Klasse erfolgreich abrufen , verwenden Sie stattdessen die Funktion getElementsByClassName:

var y = document.getElementsByClassName('foo');

Überlegungen:

Der Rückgabewert ist ein Array-ähnliches Objekt (NodeList oder HTMLCollection), kein einzelnes Element. Um auf einzelne Elemente zuzugreifen, verwenden Sie die eckige Klammernotation (y[0]).

Alternative Methoden:

querySelector('.foo') und querySelectorAll('.foo ') sind aufgrund der breiteren Browserunterstützung bevorzugte Alternativen (93,99 % gegenüber 87,24 % für getElementsByClassName).

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!