HTML DOMTokenList toggle() विधि
- पिछला पृष्ठ supports()
- अगला पृष्ठ value
- एक पर्याय वापस जाएँ HTML DOMTokenList
वर्णन और उपयोग
toggle() विधि दिया हुआ टैग से सूची से हटा कर फेलेगी और false लौटाएगी। यदि टैग मौजूद नहीं है, तो जोड़ कर true लौटाएगी।
उदाहरण
उदाहरण 1
"myStyle" के खुल बंद होने को टॉगल करें:
const list = element.classList;
list.toggle("mywStyle");
उदाहरण 2
एलिमेंट में "myStyle" कोट जोड़ें:
const list = element.classList;
list.add("myStyle");
उदाहरण 3
एलिमेंट से "myStyle" कोट को हटाएं:
const list = element.classList;
list.remove("myStyle");
उदाहरण 4
एलीमेंट को कई वर्गों को जोड़ें:
element.classList.add("myStyle", "anotherClass", "thirdClass");
उदाहरण 5
एक एलीमेंट से कई वर्गों को हटाएं:
element.classList.remove("myStyle", "anotherClass", "thirdClass");
उदाहरण 6
एलीमेंट के वर्गों की संख्या प्राप्त करें:
let numb = element.classList.length;
उदाहरण 7
वर्गों के बीच टॉगल करके ड्रॉपडाउन बटन बनाएं:
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
व्याकरण
domtokenlist.toggle(टोकन)
पारामीटर
| पारामीटर | वर्णन |
|---|---|
| टोकन | आवश्यक। टॉगल करने के लिए टोकन। |
वापसी मूल्य
अधिकत:
ब्राउज़र समर्थन
domtokenlist.toggle() DOM Level 4 (2015) विशेषता है。
यह सभी ब्राउज़रों का समर्थन प्राप्त करता है:
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
Internet Explorer 11 (या अधिक पुरानी संस्करण) नहीं domtokenlist.toggle() का समर्थन करता है。
संबंधित पृष्ठ
- पिछला पृष्ठ supports()
- अगला पृष्ठ value
- एक पर्याय वापस जाएँ HTML DOMTokenList
