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 ECMAScript 2017 feature.

ES2017 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

domtokenlist.replace() is not supported in Internet Explorer.