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