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