HTML DOM TokenList.replace() Method
Last Updated :
12 Jul, 2022
The replace() method in HTML DOM is used to replace or change an old token with a new one in a DOM TokenList Object.
Syntax:
domtokenlist.replace(old, new)
Parameter Values: It contains two values:
- old: It is a required parameter, that specifies the name of the token that would be replaced.
- new: It is a required parameter, that specifies the name of the new token that replaces with.
Example: Below HTML code demonstrate the use of replace() method in HTML DOM.
HTML
<!DOCTYPE html>
< html >
< head >
< style >
.geek {
background-color: coral;
font-size: 50px;
}
.hello {
background-color: green;
font-size: 30px;
font-style: italic;
}
</ style >
</ head >
< body >
< h2 id = "gfg" class = "geek" >
GeeksforGeeks
</ h2 >
< h2 >
HTML DOM TokenList replace() Method
</ h2 >
< button onclick = "myGeek()" >Submit</ button >
< script >
function myGeek() {
var elem = document.getElementById("gfg");
// Replacing class from div element
// with a new class
elem.classList.replace("geek", "hello");
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome 61 and above
- Mozilla Firefox 49 and above
- Edge 17 and above
- Safari 10.1 and above
- Opera 48 and above
- Internet Explorer not supported
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...