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

classList ऑब्जेक्ट की add मेथड एलिमेंट में CSS क्लासेज जोड़ने की अनुमति देती है।

सिंटैक्स

javascriptelement.classList.add(class);

उदाहरण

आइए एलिमेंट में kkk क्लास जोड़ें:

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

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

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

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

उदाहरण

आइए एलिमेंट में zzz क्लास जोड़ें, जो पहले से ही एलिमेंट में मौजूद है - कुछ नहीं होगा, क्योंकि डुप्लिकेट क्लासेज नहीं जोड़ी जाती हैं:

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

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

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

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

यह भी देखें