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

जावास्क्रिप्ट में एलिमेंट के क्लास एट्रिब्यूट नोड का मान कैसे प्राप्त करें?

जावास्क्रिप्ट ने किसी एलिमेंट के निर्दिष्ट नाम के एट्रिब्यूट नोड को एट्रिब्यूट ऑब्जेक्ट के रूप में खोजने के लिए getAttributeNode() मेथड प्रदान किया है। यदि एट्रिब्यूट मौजूद नहीं है, तो रिटर्न मान null या खाली स्ट्रिंग ("") होता है।

सिंटैक्स

element.getAttributeNode(attributename);

यह निर्दिष्ट एट्रिब्यूट नोड का प्रतिनिधित्व करने वाला एट्रिब्यूट ऑब्जेक्ट लौटाता है।

उदाहरण

निम्नलिखित उदाहरण में, दो हेडिंग टैग्स हैं जिनमें अलग-अलग क्लासेस हैं। जब उन टैग्स को getAttributeNode() द्वारा एक्सेस किया जाता है तो वे उस एट्रिब्यूट क्लास को लौटा सकते हैं जिससे वे जुड़े हुए हैं। यह ऐरे की तरह ही काम करता है। हम उनके इंडेक्स नंबर प्रदान करके मल्टीपल क्लासेस को एक्सेस कर सकते हैं।

<html> <body> <h2 class="class1">Tutorix</h2> <h2 class="class2">Tutorialspoint</h2> <p id = "attribute"></p> <script> var elmnt = document.getElementsByTagName("h2")[1]; var value = elmnt.getAttributeNode("class").value; document.getElementById("attribute").innerHTML = value; </script> </body> </html>

आउटपुट

Tutorix Tutorialspoint class2
  1. - जावास्क्रिप्ट में HashTable क्लास

    यहां HashTable क्लास का पूरा कार्यान्वयन है। इसे निश्चित रूप से अधिक कुशल डेटा संरचनाओं और कोलिजन रिज़ॉल्यूशन एल्गोरिदम का उपयोग करके सुधारा जा सकता है। उदाहरण class HashTable { constructor() { this.container = []; // कंटेनर को खाली ऐरे से भरें // जिनका उपयोग कोलिजन के

  1. - जावास्क्रिप्ट में किसी विशिष्ट एलिमेंट के चाइल्ड नोड को कैसे हटाएं?

    चाइल्ड नोड को हटाने के लिए जावास्क्रिप्ट ने removeChild() मेथड प्रदान किया है। इस मेथड का उपयोग करके हम किसी भी लिस्ट आइटम को उसके इंडेक्स पोजीशन का उपयोग करके हटा सकते हैं। आइए इसे संक्षेप में समझते हैं। सिंटैक्स node.removeChild(node); उदाहरण-1 निम्नलिखित उदाहरण में, प्रदान की गई लिस्ट में 3 एलि

  1. JavaScript से वर्तमान एलिमेंट में एक्टिव क्लास कैसे जोड़ें? JavaScript से वर्तमान एलिमेंट में एक्टिव क्लास कैसे जोड़ें?

    JavaScript से वर्तमान एलिमेंट में एक्टिव क्लास जोड़ने के लिए, निम्न कोड का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .btn {       border