Método HTML DOMTokenList replace()

Definición y uso

El método replace() reemplaza el marcador (token) en DOMTokenList.

Ejemplo

Ejemplo 1

Reemplazar con otra clase CSS:

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

Prueba personalmente

Ejemplo 2

Agregar la clase "myStyle" al elemento:

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

Prueba personalmente

Ejemplo 3

Eliminar la clase "myStyle" del elemento:

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

Prueba personalmente

Ejemplo 4

Cambiar el encendido y apagado de "myStyle":

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

Prueba personalmente

Sintaxis

domtokenlist.replace(old, new)

Parámetros

Parámetros Descripción
old Requerido. El marcador que se reemplaza.
new Requerido. El marcador que se debe reemplazar.

Valor de retorno

Tipo Descripción
Booleano Si el marcador se reemplaza, es true, de lo contrario es false.

Compatibilidad del navegador

domtokenlist.replace() es una característica de ECMAScript7 (ES7).

Todos los navegadores modernos admiten ES7 (JavaScript 2016):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Admite Admite Admite Admite Admite

Internet Explorer o Edge 17 (o versiones anteriores) no admiten domtokenlist.replace().

Páginas relacionadas

Atributo length

Método item()

Método add()

Método remove()

Método toggle()

Método forEach()

Método entries()

Método keys()

Método values()

Objeto DOMTokenList