HTML DOMTokenList replace()
❮ The DOMTokenList ObjectExamples
Replace a CSS class with another:
const list = element.classList;
list.replace("myStyle", "newStyle");
Try it Yourself »
list.replace("myStyle", "newStyle");
Add a "myStyle" class to an element:
const list = element.classList;
list.add("myStyle");
Try it Yourself »
list.add("myStyle");
Remove the "myStyle" class from an element:
const list = element.classList;
list.remove("myStyle");
Try it Yourself »
list.remove("myStyle");
Toggle "myStyle" on and off:
const list = element.classList;
list.toggle("myStyle");
Try it Yourself »
list.toggle("myStyle");
Description
The replace()
method replaces a token in a
DOMTokenList.
See Also:
Syntax
domtokenlist.replace(old, new)
Parameters
Parameter
Description
old
Required.
The token to replace.
The token to replace.
new
Required.
The token to replace with.
The token to replace with.
Return Value
Type
Description
Boolean
true
if the token was replaced, otherwise false
.
Browser Support
domtokenlist.replace()
is a JaveScript 2017 feature.
ES 2017 is supported in all modern browsers since September 2017:
Chrome 58 | Edge 15 | Firefox 52 | Safari 11 | Opera 45 |
Apr 2017 | Apr 2017 | Mar 2017 | Sep 2017 | May 2017 |
❮ The DOMTokenList Object