HTML DOMTokenList add() मथड़
- पिछला पृष्ठ add()
- अगला पृष्ठ contains()
- एक स्तर ऊपर वापस जाएँ HTML DOMTokenList
विन्यास और उपयोग
add() एक (या कई) टॉकन (टोकन) को DOMTokenList में जोड़ने वाली विधि
उदाहरण
उदाहरण 1
एलिमेंट में "myStyle" क्लास जोड़ें:
const list = element.classList;
list.add("myStyle");
उदाहरण 2
एलिमेंट से "myStyle" क्लास हटाएं:
const list = element.classList;
list.remove("myStyle");
उदाहरण 3
"myStyle" के खुलने और बंद होने को टॉगल करें:
const list = element.classList;
list.toggle("myStyle");
उदाहरण 4
एलिमेंट में कई क्लास जोड़ें:
const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
उदाहरण 5
एलीमेंट की कोड की संख्या प्राप्त करें:
const list = element.classList; let numb = list.length;
उदाहरण 6
"myDIV" एलीमेंट की कोड को प्राप्त करें:
const list = document.getElementById("myDIV").classList;
उदाहरण 7
"myDIV" एलीमेंट की कोड को प्राप्त करें:
let className = element.classList.item(0);
उदाहरण 8
एलीमेंट को "myStyle" कोड का धारण करता है क्या?
let x = element.classList.contains("myStyle");
उदाहरण 9
यदि एलीमेंट "myStyle" कोड को धारण करता है, तो "anotherClass" को हटाएँ。
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
}
व्याकरण
domtokenlist.add(टॉकन)
पैरामीटर
| पैरामीटर | वर्णन |
|---|---|
| टॉकन | आवश्यक। सूची में जोड़ने के लिए टॉकन |
वापसी मान
इसका समर्थन नहीं है
ब्राउज़र समर्थन
domtokenlist.add() यह DOM Level 4 (2015) विशेषता है।
यह सभी ब्राउज़रों का समर्थन प्राप्त करता है:
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
Internet Explorer 11 (और अधिक पुरानी संस्करण) इसका समर्थन नहीं करता है domtokenlist.add()。
संबंधित पृष्ठ
- पिछला पृष्ठ add()
- अगला पृष्ठ contains()
- एक स्तर ऊपर वापस जाएँ HTML DOMTokenList
