classList ऑब्जेक्ट की toggle मेथड
classList ऑब्जेक्ट की toggle मेथड
एलिमेंट की दी गई CSS क्लास को वैकल्पिक रूप से उपयोग करती है: क्लास जोड़ती है
अगर वह मौजूद नहीं है और हटाती है, अगर मौजूद है।
सिंटैक्स
element.classList.toggle(class);
उदाहरण
इस उदाहरण में toggle मेथड के उपयोग पर
zzz क्लास हट जाएगी, क्योंकि
यह एलिमेंट में पहले से मौजूद है:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
कोड निष्पादित करने का परिणाम:
<p id="elem" class="www ggg"></p>
उदाहरण
इस उदाहरण में toggle मेथड के उपयोग पर
zzz क्लास जुड़ जाएगी, क्योंकि
यह एलिमेंट में मौजूद नहीं है:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
कोड निष्पादित करने का परिणाम:
<p id="elem" class="www ggg zzz"></p>
यह भी देखें
-
classList.addमेथड,
जो दी गई क्लास को जोड़ती है -
classList.removeमेथड,
जो दी गई क्लास को हटाती है -
classList.containsमेथड,
जो दी गई क्लास की जाँच करती है
