DOMTokenList: entries() Methode

Die entries()-Methode der DOMTokenList-Schnittstelle gibt einen iterator zurück, der es Ihnen ermöglicht, alle Schlüssel/Wert-Paare in diesem Objekt zu durchlaufen. Die Werte sind Arrays mit [key, value]-Paaren, die jeweils ein einzelnes Token darstellen.

Syntax

js
entries()

Rückgabewert

Gibt einen iterator zurück.

Beispiele

Im folgenden Beispiel rufen wir die Liste der Klassen ab, die auf einem <span>-Element als DOMTokenList gesetzt sind, und zwar mit Element.classList. Dann holen wir uns einen Iterator, der die Schlüssel/Wert-Paare enthält, indem wir entries() verwenden. Anschließend iterieren wir mit einer for...of-Schleife durch jedes Paar und schreiben sie in den Node.textContent des <span>-Elements.

Zuerst das HTML:

html
<span class="a b c"></span>

Nun der JavaScript-Code:

js
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.entries();

for (const value of iterator) {
  span.textContent += `(${value})`;
}

Die Ausgabe sieht folgendermaßen aus:

Spezifikationen

No specification found

No specification data found for api.DOMTokenList.entries.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch