Wie iteriere ich korrekt über „getElementsByClassName()'-Ergebnisse in JavaScript?

Fehler: getElementsByClassName() Ergebnisiteration mit Array.forEach

Beim Versuch, mit getElementsByClassName() und dem Array über DOM-Elemente zu iterieren. Bei der Verwendung der forEach-Methode kann es bei Benutzern zu einem Fehler kommen, da getElementsByClassName() kein an zurückgibt Array.

Das Ergebnis von getElementsByClassName() ist eine HTMLCollection, die sich in modernen Browsern von einem Array unterscheidet. Um dieses Problem zu beheben, konvertieren Sie die HTMLCollection in ein Array, bevor Sie forEach verwenden. Dies kann durch die folgenden Methoden erreicht werden:

• Verwendung von call() mit Array.prototype.forEach:

var els = document.getElementsByClassName("myclass");
Array.prototype.forEach.call(els, function(el) {
  // Do stuff here
  console.log(el.tagName);
});

• Verwenden `[].forEach.call():

[].forEach.call(els, function (el) {
  // Do stuff here
  console.log(el.tagName);
});

• Verwendung von `Array.from() (ES6)**:

Array.from(els).forEach((el) => {
  // Do stuff here
  console.log(el.tagName);
});

Das obige ist der detaillierte Inhalt vonWie iteriere ich korrekt über „getElementsByClassName()'-Ergebnisse in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!