HTML DOMTokenList remove() methode

Definitie en gebruik

De remove() methode verwijdert een (of meerdere) tokens van de DOMTokenList.

Voorbeeld

Voorbeeld 1

Verwijder de "myStyle"-klasse van het element:

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

Probeer het zelf

Voorbeeld 2

Voeg de "myStyle"-klasse toe aan het element:

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

Probeer het zelf

Voorbeeld 3

Schakel de aan/uit van "myStyle" in of uit:

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

Probeer het zelf

Voorbeeld 4

Verwijder meerdere klassen van het element:

element.classList.remove("myStyle", "anotherClass", "thirdClass");

Probeer het zelf

Voorbeeld 5

Haal het aantal klassen van het element op:

let numb = element.classList.length;

Probeer het zelf

Voorbeeld 6

Heeft het element de "myStyle"-klasse?

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

Probeer het zelf

Voorbeeld 7

Verwijder "anotherClass" als het element de "myStyle"-klasse heeft.

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

Probeer het zelf

Syntax

domtokenlist.remove(token, ...)

Parameters

Parameters Beschrijving
token Verplicht. Het te verwijderen teken (token).

Retourwaarde

Geen.

Browserondersteuning

domtokenlist.remove() is een kenmerk van DOM Level 4 (2015).

Het wordt ondersteund door alle browsers:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Internet Explorer 11 (en oudere versies) ondersteunt niet domtokenlist.remove().

Gerelateerde pagina's

length Eigenschap

item() Methode

add() Methode

toggle() Methode

forEach() Methode

entries() Methode

keys() Methode

values() Methode

DOMTokenList Object