add()
HTML DOMTokenList add()
❮ DOMTokenList obyektiMisollar
Elementga "myStyle" klassini qo‘shing:
const list = element.classList;
list.add("myStyle");
O‘zingiz sinab ko‘ring »
Elementdan "myStyle" klassini olib tashlang:
const list = element.classList;
list.remove("myStyle");
O‘zingiz sinab ko‘ring »
"myStyle" klassini yoqib-o‘chiring (toggle):
const list = element.classList;
list.toggle("myStyle");
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
add() metodi DOMTokenList ro‘yxatiga bir (yoki bir nechta) token qo‘shadi.
Sintaksis
domtokenlist.add(token)
Parametrlar
| Parametr | Tavsif |
| token | Majburiy. Ro‘yxatga qo‘shiladigan token(lar). |
Qaytariladigan qiymat
| YO‘Q |
Ko‘proq misollar
Elementga bir nechta klass qo‘shing:
const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
O‘zingiz sinab ko‘ring »
Elementning klass tokenlari sonini oling:
const list = element.classList;
let numb = list.length;
O‘zingiz sinab ko‘ring »
"myDIV" elementining klass tokenlarini oling:
const list = document.getElementById("myDIV").classList;
O‘zingiz sinab ko‘ring »
Elementning birinchi klass tokenini oling:
let className = element.classList.item(0);
O‘zingiz sinab ko‘ring »
Elementda "myStyle" klass tokeni bormi?
let x = element.classList.contains("myStyle");
O‘zingiz sinab ko‘ring »
Agar elementda "myStyle" klass tokeni bo‘lsa, "anotherClass" klassini olib tashlang.
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
domtokenlist.add() — DOM Level 4 (2015) imkoniyati.
U barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera |
| Ha | Ha | Ha | Ha | Ha |
❮ DOMTokenList obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!