Metodo add() della lista di token DOM HTML

Definizione e uso

add() Il metodo aggiunge uno (o più) token (token) a DOMTokenList.

Esempio

Esempio 1

Aggiungi la classe "myStyle" all'elemento:

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

}

Esempio 2

Elimina la classe "myStyle" dall'elemento:

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

}

Esempio 3

Commuta lo stato aperto/chiuso di "myStyle":

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

}

Esempio 4

Aggiungi più classi all'elemento:

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

}

Esempio 5

Ottieni il numero di segni di classe dell'elemento:

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

}

Esempio 6

Ottieni il segno di classe dell'elemento "myDIV":

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

}

Esempio 7

Ottieni il segno di classe dell'elemento "myDIV":

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

}

Esempio 8

L'elemento possiede il segno di classe "myStyle"?

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

}

Esempio 9

Se l'elemento possiede il segno di classe "myStyle", elimina "anotherClass".

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

}

Prova te stesso

Sintassidomtokenlisttoken.add(

)

) Descrizione
token Obbligatorio. Il segno da aggiungere alla lista.

Valore di ritorno

Nessuno.

Supporto del browser

domtokenlist.add() È 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 (e versioni precedenti) non supporta domtokenlist.add().

Pagine correlate

Proprietà length

Metodo item()

Metodo remove()

Metodo toggle()

Metodo replace()

Metodo forEach()

Metodo entries()

Metodo keys()

Metodo values()

Oggetto DOMTokenList