Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 ⁨Oktober 2017⁩.

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

This feature does not appear to be defined in any specification.

Browser-Kompatibilität

Siehe auch