Metodo HTML DOMTokenList toggle()

Definizione e uso

Il metodo toggle() rimuove il tag fornito dalla lista e restituisce false. Se il tag non esiste, lo aggiunge e restituisce true.

Esempio

Esempio 1

Cambia lo stato aperto/chiuso della classe "myStyle":

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

Prova te stesso

Esempio 2

Aggiungi la classe "myStyle" all'elemento:

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

Prova te stesso

Esempio 3

Elimina la classe "myStyle" dall'elemento:

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

Prova te stesso

Esempio 4

Aggiungi più classi a un elemento:

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

Prova te stesso

Esempio 5

Elimina più classi da un elemento:

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

Prova te stesso

Esempio 6

Ottieni il numero di classi dell'elemento:

let numb = element.classList.length;

Prova te stesso

Esempio 7

Cambia tra le classi per creare un pulsante a discesa:

document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

Prova te stesso

Sintassi

domtokenlist.toggle(token)

Parametro

Parametro Descrizione
token Obbligatorio. Il token da commutare.

Valore di ritorno

Nessuno.

Supporto del browser

domtokenlist.toggle() è una caratteristica del DOM Level 4 (2015).

È supportato da tutti i browser:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporta Supporta Supporta Supporta Supporta

Internet Explorer 11 (o versioni precedenti) non supporta domtokenlist.toggle().

Pagine correlate

Proprietà length

Metodo item()

Metodo add()

Metodo remove()

Metodo replace()

Metodo forEach()

Metodo entries()

Metodo keys()

Metodo values()

Oggetto DOMTokenList