HTML DOMTokenList remove()
❮ The DOMTokenList ObjectExamples
Remove the "myStyle" class from an element:
const list = element.classList;
list.remove("myStyle");
Try it Yourself »
list.remove("myStyle");
Add a "myStyle" class to an element:
const list = element.classList;
list.add("myStyle");
Try it Yourself »
list.add("myStyle");
Toggle "myStyle" on and off:
const list = element.classList;
list.toggle("myStyle");
Try it Yourself »
list.toggle("myStyle");
More examples below.
Description
The remove() method removes one (or more) tokens from a
DOMTokenList.
See Also:
Syntax
domtokenlist.remove(token, ...)
Parameters
Parameter
Description
token
Required.
The token(s) to remove from the list.
The token(s) to remove from the list.
Return Value
NONE
More Examples
Remove multiple classes from an element:
element.classList.remove("myStyle", "anotherClass", "thirdClass");
Try it Yourself »
Get the number of class names for an element:
let numb = element.classList.length;
Try it Yourself »
Does an an element has a "myStyle" class?
let x = element.classList.contains("myStyle");
Try it Yourself »
Remove "anotherClass" if an element has a "myStyle" class.
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
}
Try it Yourself »
element.classList.remove("anotherClass");
}
Browser Support
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 |
❮ The DOMTokenList Object