classList ऑब्जेक्ट की toggle मेथड

classList ऑब्जेक्ट की toggle मेथड एलिमेंट की दी गई CSS क्लास को वैकल्पिक रूप से उपयोग करती है: क्लास जोड़ती है अगर वह मौजूद नहीं है और हटाती है, अगर मौजूद है।

सिंटैक्स

javascriptelement.classList.toggle(class);

उदाहरण

इस उदाहरण में toggle मेथड के उपयोग पर zzz क्लास हट जाएगी, क्योंकि यह एलिमेंट में पहले से मौजूद है:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

कोड निष्पादित करने का परिणाम:

html<p id="elem" class="www ggg"></p>

उदाहरण

इस उदाहरण में toggle मेथड के उपयोग पर zzz क्लास जुड़ जाएगी, क्योंकि यह एलिमेंट में मौजूद नहीं है:

html<p id="elem" class="www ggg"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

कोड निष्पादित करने का परिणाम:

html<p id="elem" class="www ggg zzz"></p>

यह भी देखें