HTML DOM getAttribute() मेथड

HTML DOM getAttribute() मेथड का उपयोग किसी विशिष्ट HTML तत्व से जुड़े attribute को प्राप्त करने या सेट करने के लिए किया जाता है। यदि तत्व में दिया गया attribute नहीं है तो यह null या एक खाली स्ट्रिंग लौटाएगा।

सिंटैक्स

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

element.getAttribute(attributename)

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

उदाहरण

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

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

आउटपुट

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

HTML DOM getAttribute() मेथड

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

HTML DOM getAttribute() मेथड

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

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

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

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

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

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

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

function getAttr() { 
  var a = document.getElementsByTagName("a")[0].getAttribute("href"); 
  document.getElementById("Sample").innerHTML = a; 
}