HTML DOMTokenList add()-Methode

Definition und Verwendung

add() Die Methode fügt ein (oder mehrere) Token (Token) zur DOMTokenList hinzu.

Beispiel

Beispiel 1

Die Klasse "myStyle" zu einem Element hinzufügen:

const list = element.classList;
list.add("myStyle");

}

Beispiel 2

Die Klasse "myStyle" aus einem Element löschen:

const list = element.classList;
list.remove("myStyle");

}

Beispiel 3

Öffnen/Schließen von "myStyle" umschalten:

const list = element.classList;
list.toggle("myStyle");

}

Beispiel 4

Mehrere Klassen zu einem Element hinzufügen:

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");

}

Beispiel 5

Die Anzahl der Klassen des Elements abrufen:

const list = element.classList;
let numb = list.length;

}

Beispiel 6

Die Klasse des Elements "myDIV" abrufen:

const list = document.getElementById("myDIV").classList;

}

Beispiel 7

Die Klasse des Elements "myDIV" abrufen:

let className = element.classList.item(0);

}

Beispiel 8

Besitzt das Element die Klasse "myStyle"?

let x = element.classList.contains("myStyle");

}

Beispiel 9

Wenn das Element die Klasse "myStyle" besitzt, wird "anotherClass" gelöscht.

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");

}

Selbst ausprobieren

Syntaxdomtokenlisttoken.add(

)

) Beschreibung
token Erforderlich. Das Zeichen, das in die Liste eingefügt werden soll.

Rückgabewert

Keine

Browserunterstützung

domtokenlist.add() Es ist eine DOM Level 4 (2015) -Funktion.

Es wird von allen Browsern unterstützt:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt Unterstützt Unterstützt Unterstützt Unterstützt

Internet Explorer 11 (und frühere Versionen) unterstützt dies nicht domtokenlist.add().

Verwandte Seiten

length Eigenschaft

item() Methode

remove() Methode

toggle() Methode

replace() Methode

forEach() Methode

entries() Methode

keys() Methode

values() Methode

DOMTokenList-Objekt