Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

एचटीएमएल और जावास्क्रिप्ट में क्लासलिस्ट के साथ एक ही निर्देश में कई कक्षाओं को जोड़ने/निकालने का कोई तरीका है?


classList गुण किसी तत्व के वर्ग नाम (नामों) को DOMTokenList ऑब्जेक्ट के रूप में लौटाता है। क्लासलिस्ट संपत्ति केवल पढ़ने के लिए है, हालांकि, आप इसे जोड़ने () और हटाने () विधियों का उपयोग करके संशोधित कर सकते हैं।

classListproperty यह सुनिश्चित करता है कि तत्व में डुप्लिकेट कक्षाएं अनावश्यक रूप से नहीं जोड़ी जाती हैं। इस कार्यक्षमता को बनाए रखने के लिए, यदि आप लॉन्गहैंड संस्करण या jQuery संस्करण को नापसंद करते हैं, तो मेरा सुझाव है कि addMany जोड़ें फ़ंक्शन और कई हटाएं करने के लिए DOMTokenList

तब ये इस प्रकार प्रयोग करने योग्य होंगे -

DOMTokenList.prototype.addMany =function(classes) { var arr =classes.split(''); के लिए (var j =0, लंबाई =arr.length; j <लंबाई; j++) {this.add(array[j]); }} 
  1. एचटीएमएल फॉर्म एक्शन और जावास्क्रिप्ट के साथ सत्यापन सबमिट करें?

    आइए एक उदाहरण देखें जिसमें हम इनपुट टेक्स्ट को सबमिट करने पर मान्य कर रहे हैं - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title&

  1. बटन पर नाम कैसे जोड़ें और हटाएं जावास्क्रिप्ट के साथ क्लिक करें?

    बनाने के लिए, ऐड () विधि का उपयोग करें, जबकि बनाए गए और संलग्न तत्व को हटाने के लिए, आप हटा सकते हैं ()। निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

  1. जावास्क्रिप्ट में आईडी द्वारा तत्व निकालें?

    आईडी द्वारा तत्व को हटाने के लिए, आप निकालें () का उपयोग कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,