HTML DOMTokenList add() metode

Definition og brug

add() Metoden tilføjer et (eller flere) token (token) til DOMTokenList.

Eksempel

Eksempel 1

Tilføj "myStyle"-klassen til elementet:

Få antallet af klassemarkører for elementet:
list.add("myStyle");

}

Eksempel 2

Fjern "myStyle"-klassen fra elementet:

Få antallet af klassemarkører for elementet:
list.remove("myStyle");

}

Eksempel 3

Skift mellem åben og lukket tilstand for "myStyle":

Få antallet af klassemarkører for elementet:
list.toggle("myStyle");

}

Eksempel 4

Tilføj flere klasser til elementet:

Få antallet af klassemarkører for elementet:
list.add("myStyle", "anotherClass", "thirdClass");

}

例子 5

Eksempel 5

Få antallet af klassemarkører for elementet:
const list = element.classList;

}

let numb = list.length;

Eksempel 7

Eksempel 6

}

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

Eksempel 7

Få klassenavnene for elementet "myDIV":

}

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

Eksempel 8

Er elementet mærket med "myStyle"-klassemarkøren?

}

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

Eksempel 9

Fjern "anotherClass", hvis elementet har "myStyle"-klassemarkøren.
  if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");

}

Prøv det selv

Syntaksdomtokenlisttoken.add(

)

) Beskrivelse
token Obligatorisk. Et mærke, der skal tilføjes til listen.

Returværdi

Ingen.

Browserv understøttelse

domtokenlist.add() er en DOM Level 4 (2015) funktion.

Det får understøttelse fra alle browsere:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Understøtter Understøtter Understøtter Understøtter Understøtter

Internet Explorer 11 (og tidligere versioner) understøtter ikke domtokenlist.add().

Relaterede sider

length egenskab

item() metode

remove() metode

toggle() metode

replace() metode

forEach() metode

entries() metode

keys() metode

values() metode

DOMTokenList-objekt