El método replace() en HTML DOM se usa para reemplazar o cambiar un token antiguo por uno nuevo en un objeto TokenList de DOM.
Sintaxis:
domtokenlist.replace(old, new)
Valores de los parámetros: Contiene dos valores:
- old: Es un parámetro requerido, que especifica el nombre del token que sería reemplazado.
- new: Es un parámetro obligatorio, que especifica el nombre del nuevo token con el que se reemplaza.
Ejemplo: A continuación, el código HTML demuestra el uso del método replace() en 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>
Producción:
Navegadores compatibles:
- Google Chrome 61 y superior
- Mozilla Firefox 49 y superior
- Edge 17 y superior
- Safari 10.1 y superior
- Ópera 48 y superior
- Internet Explorer no es compatible
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA