HTML DOM getNamedItem() मेथड

HTML DOM getNamedItem() मेथड का उपयोग दिए गए नाम वाले attribute नोड को NamedNodeMap ऑब्जेक्ट के रूप में प्राप्त करने के लिए किया जाता है। उस विशिष्ट attribute नोड को प्राप्त करने के लिए हमें इस मेथड को केवल attributes प्रॉपर्टी पर कॉल करना होता है क्योंकि attribute प्रॉपर्टी एक सूची लौटाती है जिससे हम getNamedItem() मेथड का उपयोग करके एक विशिष्ट attribute को फ़िल्टर कर सकते हैं।

सिंटैक्स

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

namednodemap.getNamedItem(nodename)

यहां, nodename स्ट्रिंग प्रकार का एक अनिवार्य पैरामीटर मान है जो namedNodeMap में मौजूद नोड के नाम को इंगित करता है।

उदाहरण

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

<!DOCTYPE html> <html> <body> 
<h1>getNamedItem() उदाहरण</h1> 
USERNAME: <input type="text" name="USR"> 
<br><br> 
<button onclick="attrValue()">GET</button> 
<p id="Sample"></p> 
<script> 
  function attrValue() { 
    var usr = document.getElementsByTagName("input")[0]; 
    var val = usr.attributes.getNamedItem("type").value; 
    document.getElementById("Sample").innerHTML = "इनपुट फील्ड के लिए type attribute का मान है: " + val; 
  } 
</script> </body> </html>

आउटपुट

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

HTML DOM getNamedItem() मेथड

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

HTML DOM getNamedItem() मेथड

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

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

हमने पहले type="text" और name="USR" के साथ एक इनपुट फील्ड बनाई:

USERNAME: <input type="text" name="USR">

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

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

attrValue() मेथड getElementsByTagName() मेथड का उपयोग करके इनपुट तत्व को प्राप्त करता है और इसे वेरिएबल usr में असाइन करता है। फिर हम attributes प्रॉपर्टी का उपयोग करते हैं जो सभी attributes के संग्रह को namedNodeMap ऑब्जेक्ट के रूप में लौटाता है। attributes प्रॉपर्टी पर getNamedItem() मेथड को कॉल करने से केवल वह विशिष्ट attribute नोड लौटता है।
getNamedItem() द्वारा लौटाए गए विशिष्ट नोड पर value प्रॉपर्टी का उपयोग करके, हम उस attribute का मान प्राप्त करते हैं और इसे वेरिएबल val में असाइन करते हैं। यह मान फिर id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।