HTML DOM getAttributeNode() मेथड

HTML DOM getAttributeNode() का उपयोग दिए गए तत्व के attribute नोड को Attr ऑब्जेक्ट के रूप में लौटाने के लिए किया जाता है। विभिन्न Attr ऑब्जेक्ट गुणों और विधियों का उपयोग करके, आप attributes को मैनिपुलेट कर सकते हैं।

सिंटैक्स

getAttributeNode() मेथड के लिए सिंटैक्स:

element.getAttributeNode(attributename)

यहां, attributename स्ट्रिंग प्रकार का एक अनिवार्य पैरामीटर है जो उस attribute के नाम को निर्दिष्ट करता है जिसे हम लौटाना चाहते हैं।

उदाहरण

आइए getAttributeNode() मेथड का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<script> 
  function getAttrNode(){ 
    var a = document.getElementsByTagName("a")[0].getAttributeNode("href"); 
    var val=a.value; 
    document.getElementById("Sample").innerHTML = val; 
  } 
</script> </head> <body> 
<h1>getAttributeNode() उदाहरण</h1> 
<a href="https://www.google.com">GOOGLE</a> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर दिए गए लिंक का href attribute मान प्राप्त करें</p> 
<button onclick="getAttrNode()">GET</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM getAttributeNode() मेथड

GET बटन पर क्लिक करने पर:

HTML DOM getAttributeNode() मेथड

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

हमने पहले href attribute मान "https://www.google.com" के साथ एक एंकर तत्व बनाया:

<a href="https://www.google.com">GOOGLE</a>

फिर हमने एक बटन GET बनाया जो यूज़र द्वारा क्लिक किए जाने पर getAttrNode() को एक्ज़िक्यूट करता है:

<button onclick="getAttrNode()">GET</button>

getAttrNode() मेथड हमारे HTML दस्तावेज़ में पहले एंकर तत्व को प्राप्त करने के लिए getElementByTagName() मेथड का उपयोग करता है। फिर यह पैरामीटर मान "href" के साथ getAttributeNode("href") मेथड का उपयोग करता है।
getAttributeNode() मेथड href attribute को दर्शाने वाला एक attr ऑब्जेक्ट लौटाता है और इसे वेरिएबल a में असाइन करता है। फिर हम attr ऑब्जेक्ट "value" प्रॉपर्टी का उपयोग करके href attribute मान को वेरिएबल val में असाइन करते हैं। प्राप्त href attribute मान को id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:

function getAttrNode(){ 
  var a = document.getElementsByTagName("a")[0].getAttributeNode("href"); 
  var val=a.value; 
  document.getElementById("Sample").innerHTML = val; 
}