HTML DOM getAttributeNode () का उपयोग किसी दिए गए तत्व विशेषता नोड को Attr ऑब्जेक्ट के रूप में वापस करने के लिए किया जाता है। विभिन्न Attr ऑब्जेक्ट गुणों और विधियों का उपयोग करके, आप विशेषताओं में हेरफेर कर सकते हैं।
सिंटैक्स
getAttributeNode() विधि के लिए सिंटैक्स निम्नलिखित है -
element.getAttributeNode(attributename)
यहां, एट्रिब्यूटनाम टाइप स्ट्रिंग का एक अनिवार्य पैरामीटर है जो उस विशेषता नाम को निर्दिष्ट करता है जिसे हम वापस करना चाहते हैं।
उदाहरण
आइए हम 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() example</h1>
<a href="https://www.google.com">GOOGLE</a>
<p>Get the href attribute value of the above link by clicking the below button</p>
<button onclick="getAttrNode()">GET</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
GET बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले एक एंकर एलिमेंट बनाया है जिसमें href विशेषता मान "https://www.google.com" पर सेट है।
<a href="https://www.google.com">GOOGLE</a>
फिर हमने एक बटन GET बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getAttrNode () निष्पादित करेगा -
<button onclick="getAttrNode()">GET</button>
HTML दस्तावेज़ में पहला एंकर तत्व प्राप्त करने के लिए getAttrNode () विधि getElementByTagName () विधि का उपयोग करती है। इसके बाद यह पैरामीटर मान "href" के साथ getAttributeNode ("href") विधि का उपयोग करता है।
getAttributeNode() विधि href विशेषता का प्रतिनिधित्व करने वाला एक attr ऑब्जेक्ट देता है और इसे वेरिएबल a को असाइन करता है। फिर हम वेरिएबल वैल के लिए attr ऑब्जेक्ट "वैल्यू" प्रॉपर्टी का उपयोग करके href विशेषता मान असाइन करते हैं। प्राप्त किया गया href विशेषता मान इसकी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित होता है -
function getAttrNode(){
var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
var val=a.value;
document.getElementById("Sample").innerHTML = val;
}