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

Definição e uso

add() O método adiciona um (ou vários) tokens (tokens) ao DOMTokenList.

Instância

Exemplo 1

Adicionar a classe "myStyle" ao elemento:

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

}

Exemplo 2

Remover a classe "myStyle" do elemento:

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

}

Exemplo 3

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

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

}

Exemplo 4

Adicionar várias classes ao elemento:

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

}

Exemplo 5

Obter o número de marcas de classe do elemento:

const list = element.classList;
let numb = list.length;

}

Exemplo 6

Obter a marca de classe do elemento "myDIV":

const list = document.getElementById("myDIV").classList;

}

Exemplo 7

Obter a marca de classe do elemento "myDIV":

let className = element.classList.item(0);

}

Exemplo 8

O elemento possui a marca de classe "myStyle"?

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

}

Exemplo 9

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

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

}

Experimente você mesmo

Sintaxedomtokenlisttoken.add(

)

) Descrição
token Obrigatório. O sinal que deve ser adicionado à lista.

Retorno

Nenhum.

Suporte do navegador

domtokenlist.add() É 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.add().

Páginas relacionadas

Propriedade length

Método item()

Método remove()

Método toggle()

Método replace()

Método forEach()

Método entries()

Método keys()

Método values()

Objeto DOMTokenList