Método HTML DOMTokenList replace()

Definição e Uso

O método replace() substitui o marcador (token) no DOMTokenList.

Exemplo

Exemplo 1

Substituir por outra classe CSS:

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

Experimente você mesmo

Exemplo 2

Adicionar a classe "myStyle" ao elemento:

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

Experimente você mesmo

Exemplo 3

Remover a classe "myStyle" do elemento:

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

Experimente você mesmo

Exemplo 4

Alternar o estado de aberto/fechado de "myStyle":

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

Experimente você mesmo

Sintaxe

domtokenlist.replace(old, new)

Parâmetros

Parâmetros Descrição
old Obrigatório. O marcador a ser substituído.
new Obrigatório. O marcador a ser substituído.

Retorno

Tipo Descrição
Booleano Se o marcador for substituído, retorna true, caso contrário, retorna false.

Suporte do Navegador

domtokenlist.replace() é uma característica do ECMAScript7 (ES7).

Todos os navegadores modernos suportam ES7 (JavaScript 2016):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

O Internet Explorer ou Edge 17 (ou versões anteriores) não suportam domtokenlist.replace().

Páginas Relacionadas

Propriedade 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