Wie iterieren Sie durch eine von getElementsByClassName() zurückgegebene NodeList?

Iterieren durch getElementsByClassName NodeList

Als Anfänger in JavaScript können beim Durchlaufen einer NodeList, die von der Methode getElementsByClassName() zurückgegeben wird, Schwierigkeiten auftreten . Im Gegensatz zu Arrays unterstützen NodeLists von Natur aus kein Array-ähnliches Verhalten wie direkte Indizierung oder Schleifen mithilfe der for-Syntax.

Um eine NodeList korrekt zu durchlaufen, können Sie die vom NodeList-Objekt bereitgestellte Methode item() verwenden. Mit dieser Methode können Sie einzelne Elemente aus der NodeList abrufen, indem Sie einen Index angeben.

Betrachten Sie zur Veranschaulichung den folgenden Code:

const slides = document.getElementsByClassName("slide");
for (let i = 0; i < slides.length; i++) {
   Distribute(slides.item(i));
}

Mit der Methode item() ruft dieser Code ab jedes Element aus der NodeList am angegebenen Index und übergibt es zur Verarbeitung an die Distribute()-Funktion.

Hinweis: Es ist wichtig, dies zu berücksichtigen, wenn Sie das DOM innerhalb der Distribute()-Funktion ändern , können sich Länge und Reihenfolge der NodeList ändern. Um unvorhersehbares Verhalten zu verhindern, sollten Sie erwägen, vor der Iteration ein geklontes Array aus der NodeList zu erstellen und dabei sicherzustellen, dass Sie mit einer statischen Sammlung arbeiten.

Das obige ist der detaillierte Inhalt vonWie iterieren Sie durch eine von getElementsByClassName() zurückgegebene NodeList?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!