HTML DOMTokenList add()-metoden
- Föregående sida add()
- Nästa sida contains()
- Åter till föregående nivå HTML DOMTokenList
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
- Föregående sida add()
- Nästa sida contains()
- Åter till föregående nivå HTML DOMTokenList