DOMTokenList: add() Methode

tokenN

Ein String, der ein Token (oder Tokens) darstellt, das der DOMTokenList hinzugefügt werden soll.

Keiner.

SyntaxError DOMException

Ausgelöst, wenn eines der Argumente ein leerer String ist

InvalidCharacterError DOMException

Ausgelöst, wenn ein Token ASCII-Leerzeichen enthält.

Im folgenden Beispiel rufen wir die Liste der Klassen ab, die auf einem <span> Element als DOMTokenList festgelegt sind, und verwenden Element.classList. Dann fügen wir ein neues Token zur Liste hinzu und schreiben die Liste in den Node.textContent des <span>.

Zuerst das HTML:

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

Nun der JavaScript:

const span = document.querySelector("span");
const classes = span.classList;
classes.add("d");
span.textContent = classes;

Die Ausgabe sieht folgendermaßen aus:

Sie können auch mehrere Tokens hinzufügen:

span.classList.add("d", "e", "f");