HTML DOMTokenList add()-metoden

Definition och användning

add() Metoden lägger till ett (eller flera) token (token) till DOMTokenList.

Exempel

Exempel 1

Lägg till klassen "myStyle" till elementet:

Hämta antalet klassmarkeringar för elementet:
list.add("myStyle");

}

Exempel 2

Ta bort klassen "myStyle" från elementet:

Hämta antalet klassmarkeringar för elementet:
list.remove("myStyle");

}

Exempel 3

Växla öppning och stängning av "myStyle":

Hämta antalet klassmarkeringar för elementet:
list.toggle("myStyle");

}

Exempel 4

Lägg till flera klasser på elementet:

Hämta antalet klassmarkeringar för elementet:
list.add("myStyle", "anotherClass", "thirdClass");

}

例子 5

Exempel 5

Hämta antalet klassmarkeringar för elementet:
const list = element.classList;

}

let numb = list.length;

Exempel 7

Exempel 6

}

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

Exempel 7

Hämta klassmarkeringen för elementet "myDIV":

}

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

Exempel 8

Har elementet "myStyle"-klassmarkeringen?

}

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

Exempel 9

Om elementet har "myStyle"-klassmarkeringen, tas "anotherClass" bort.
  if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");

}

Prova själv

Syntaxdomtokenlisttoken.add(

)

) Beskrivning
token Obligatoriskt. Märken som ska läggas till i listan.

Returvärde

Inget.

Webbläsarstöd

domtokenlist.add() är en DOM Level 4 (2015) egenskap.

Det stöds av alla webbläsare:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer

Internet Explorer 11 (och tidigare versioner) stöder inte domtokenlist.add().

Relaterade sidor

length egenskap

item() metod

remove() metod

toggle() metod

replace() metod

forEach() metod

entries() metod

keys() metod

values() metod

DOMTokenList-objekt