DOMTokenList: entries() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
entries

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch