DOMTokenList: remove()-Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die remove()-Methode der DOMTokenList-Schnittstelle entfernt die angegebenen Token aus der Liste.
Syntax
remove(token1)
remove(token1, token2)
remove(token1, token2, /* …, */ tokenN)
Parameter
token1, …,tokenN-
Ein String, der den Token repräsentiert, den Sie aus der Liste entfernen möchten. Wenn der String nicht in der Liste ist, wird kein Fehler ausgelöst und es passiert nichts.
Rückgabewert
Keiner (undefined).
Beispiele
Im folgenden Beispiel rufen wir die Liste der Klassen ab, die auf einem
<span>-Element als DOMTokenList mithilfe von
Element.classList gesetzt sind. Dann entfernen wir einen Token aus der Liste und schreiben die Liste in den Node.textContent des <span>.
Zuerst das HTML:
<span id="ab" class="a b c"></span> <span id="a" class="a b c"></span>
Nun das JavaScript:
const span = document.getElementById("ab");
const classes = span.classList;
classes.remove("c");
span.textContent = classes;
Um mehrere Klassen auf einmal zu entfernen, können Sie mehrere Token angeben. Die Reihenfolge, in der Sie die Token angeben, muss nicht mit der Reihenfolge übereinstimmen, in der sie in der Liste erscheinen:
const span2 = document.getElementById("a");
const classes2 = span2.classList;
classes2.remove("c", "b");
span2.textContent = classes2;
Die Ausgabe sieht folgendermaßen aus:
Spezifikationen
| Spezifikation |
|---|
| DOM # ref-for-dom-domtokenlist-remove① |