HTML DOMTokenList replace()

Replace a CSS class with another:

const list = element.classList;
list.replace("myStyle", "newStyle");

Add a "myStyle" class to an element:

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

Remove the "myStyle" class from an element:

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

Toggle "myStyle" on and off:

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

Description

The replace() method replaces a token in a DOMTokenList.

domtokenlist.replace(old, new)

Parameter	Description
old	Required. The token to replace.
new	Required. The token to replace with.

Type	Description
Boolean	`true` if the token was replaced, otherwise `false`.

domtokenlist.replace() is an ECMAScript7 (ES7) feature.

ES7 (JavaScript 2016) is supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

domtokenlist.replace() is not supported in internet Explorer or Edge 17 (or earlier).