Método remove() da lista de tokens do DOM HTML

Definição e uso

O método remove() remove um (ou vários) tokens de um DOMTokenList.

Exemplo

Exemplo 1

Remover a classe "myStyle" do elemento：

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

Experimente você mesmo

Exemplo 2

Adicionar a classe "myStyle" ao elemento：

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

Experimente você mesmo

Exemplo 3

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

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

Experimente você mesmo

Exemplo 4

Remova várias classes do elemento:

element.classList.remove("myStyle", "anotherClass", "thirdClass");

Experimente você mesmo

Exemplo 5

Obtenha o número de classes do elemento:

let numb = element.classList.length;

Experimente você mesmo

Exemplo 6

O elemento tem a classe "myStyle"?

let x = element.classList.contains("myStyle");

Experimente você mesmo

Exemplo 7

Se o elemento tiver a classe "myStyle", remova "anotherClass".

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");
}

Experimente você mesmo

Sintaxe

domtokenlist.remove(token, ...)

Parâmetros

Parâmetros Descrição
token Obrigatório. O marcador (token) a ser removido da lista.

Retorno

Nenhum.

Suporte do navegador

domtokenlist.remove() é uma característica do DOM Level 4 (2015).

Ele é suportado por todos os navegadores:

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

O Internet Explorer 11 (e versões anteriores) não suporta domtokenlist.remove().

Páginas relacionadas

Propriedade length

Método item()

Método add()

Método toggle()

Método forEach()

Método entries()

Método keys()

Método values()

Objeto DOMTokenList