HTML DOMTokenList remove()

Remove the "myStyle" class from an element:

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

Add a "myStyle" class to an element:

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

Toggle "myStyle" on and off:

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

More examples below.

Description

The remove() method removes one (or more) tokens from a DOMTokenList.

domtokenlist.remove(token, ...)

Parameter	Description
token	Required. The token(s) to remove from the list.

NONE

Remove multiple classes from an element:

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

Get the number of class names for an element:

let numb = element.classList.length;

Does an an element has a "myStyle" class?

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

Remove "anotherClass" if an element has a "myStyle" class.

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

domtokenlist.remove() is a DOM Level 4 (2015) feature.

It is supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

domtokenlist.remove() is not supported in Internet Explorer 11 (or earlier).