Baseline Widely available
The replace()
method of the DOMTokenList
interface replaces an existing token with a new token. If the first token doesn't exist, replace()
returns false
immediately, without adding the new token to the token list.
replace(oldToken, newToken)
Parameters
oldToken
A string representing the token you want to replace.
newToken
A string representing the token you want to replace oldToken
with.
A boolean value, which is true
if oldToken
was successfully replaced, or false
if not.
In the following example we retrieve the list of classes set on a <span>
element as a DOMTokenList
using Element.classList
. We then replace a token in the list, and write the list into the <span>
's Node.textContent
.
First, the HTML:
<span class="a b c"></span>
Now the JavaScript:
const span = document.querySelector("span");
const classes = span.classList;
const result = classes.replace("c", "z");
span.textContent = result ? classes : "token not replaced successfully";
The output looks like this:
Specifications Browser compatibilityRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3