DOMTokenList: keys() 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 keys() Methode des DOMTokenList-Interfaces gibt einen iterator zurück, der das Durchlaufen aller in diesem Objekt enthaltenen Schlüssel ermöglicht. Die Schlüssel sind vorzeichenlose ganze Zahlen.

Syntax

js
keys()

Parameter

Keine.

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, indem wir Element.classList verwenden. Wir rufen dann einen Iterator ab, der die Schlüssel enthält, indem wir keys() verwenden, und iterieren durch diese Schlüssel mit einer for...of Schleife, wobei wir jeden einzelnen an den Node.textContent des <span> schreiben.

Zuerst das HTML:

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

Jetzt das JavaScript:

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

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

Die Ausgabe sieht folgendermaßen aus:

Spezifikationen

No specification found

No specification data found for api.DOMTokenList.keys.
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