HTML DOMTokenList add() method

Definitie en gebruik

add() De methode voegt een (of meerdere) token (tokens) toe aan DOMTokenList.

Voorbeeld

Voorbeeld 1

Voeg de klasse "myStyle" toe aan het element:

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

}

Voorbeeld 2

Verwijder de klasse "myStyle" van het element:

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

}

Voorbeeld 3

Schakel de aan-uitstand van "myStyle" in of uit:

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

}

Voorbeeld 4

Meerdere klassen toevoegen aan element:

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

}

Example 5

Get the number of class marks of the element:

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

}

Example 6

Get the class mark of element "myDIV":

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

}

Example 7

Get the class mark of element "myDIV":

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

}

Example 8

Does the element have the "myStyle" class mark?

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

}

Example 9

If the element has the "myStyle" class mark, delete "anotherClass".

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

}

Try it yourself

Syntaxdomtokenlisttoken.add(

)

) Description
token Required. The token to be added to the list.

Return value

None.

Browser support

domtokenlist.add() It is a DOM Level 4 (2015) feature.

It is supported by all browsers:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supported Supported Supported Supported Supported

Internet Explorer 11 (and earlier versions) does not support domtokenlist.add().

Related pages

length property

item() method

remove() method

toggle() method

replace() method

forEach() method

entries() method

keys() method

values() method

DOMTokenList object