HTML DOMTokenList add() yöntemi

Tanım ve kullanım

add() Bir (veya birkaç) işaret (token) eklemek için yöntem.

Örnek

Örnek 1

"myStyle" sınıfını elemente ekleyin:

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

}

Örnek 2

"myStyle" sınıfını elementten kaldırın:

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

}

Örnek 3

"myStyle" açıp kapamayı değiştirin:

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

}

Örnek 4

Elemente birden fazla sınıf ekleyin:

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

}

Örnek 5

Elementin sınıf işaretlerinin sayısını alın:

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

}

Örnek 6

"myDIV" elementinin sınıf işaretini alın:

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

}

Örnek 7

"myDIV" elementinin sınıf işaretini alın:

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

}

Örnek 8

"myStyle" sınıf işareti olan element var mı?

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

}

Örnek 9

"myStyle" sınıf işareti olan element varsa "anotherClass" silinir.

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

}

Kişisel olarak deneyin

Gramerdomtokenlisttoken.add(

)

) Açıklama
token Gerekli. Listeye eklemek için işaret

Dönüş değeri

Yok.

Tarayıcı desteği

domtokenlist.add() DOM Level 4 (2015) özelliğidir.

Tüm tarayıcıların desteğini alır:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenir Desteklenir Desteklenir Desteklenir Desteklenir

Internet Explorer 11 (ve daha eski sürümler) desteklememektedir domtokenlist.add().

İlgili sayfalar

length özelliği

item() yöntemi

remove() yöntemi

toggle() yöntemi

replace() yöntemi

forEach() yöntemi

entries() yöntemi

keys() yöntemi

values() yöntemi

DOMTokenList nesnesi