HTML DOM getNamedItem () विधि का उपयोग किसी दिए गए नाम के साथ विशेषता नोड को NamedNodeMap ऑब्जेक्ट के रूप में प्राप्त करने के लिए किया जाता है। उस विशिष्ट विशेषता नोड को प्राप्त करने के लिए हमें इस विधि को केवल विशेषताएँ गुण पर कॉल करना होगा क्योंकि विशेषता गुण एक सूची देता है जिससे हम getNamedItem() विधि का उपयोग करके एक विशिष्ट विशेषता को फ़िल्टर कर सकते हैं।
सिंटैक्स
getNamedItem() विधि के लिए सिंटैक्स निम्नलिखित है -
namednodemap.getNamedItem(nodename)
यहां, नोडनाम, टाइप स्ट्रिंग का एक अनिवार्य पैरामीटर मान है, जो नामांकित नोडमैप में मौजूद नोड के नाम को दर्शाता है।
उदाहरण
आइए getNamedItem() विधि के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <h1>getNamedItem() example</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 = "The type attribute value for the input field is: "+val; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
GET बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले टाइप ="टेक्स्ट" और नाम ="यूएसआर" के साथ एक इनपुट फ़ील्ड बनाया है।
USERNAME: <input type="text" name="USR">
इसके बाद हमने बटन GET बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर attrValue () विधि को निष्पादित करेगा -
<button onclick="attrValue()">GET</button>
attrValue () विधि इनपुट तत्व प्राप्त करने के लिए getElementsByTagName () विधि का उपयोग करती है और इसे वेरिएबल usr को असाइन करती है। हम तब विशेषताएँ गुण का उपयोग करते हैं जो सभी विशेषताओं के संग्रह को नामांकित नोडमैप ऑब्जेक्ट के रूप में लौटाता है। विशेषता संपत्ति पर getNamedItem () विधि को कॉल करने से केवल वह विशिष्ट विशेषता नोड लौटाता है।
GetNamedItem() द्वारा लौटाए गए विशिष्ट नोड पर value प्रॉपर्टी का उपयोग करके, हम उस विशेषता मान को प्राप्त करते हैं और इसे वेरिएबल वैल को असाइन करते हैं। यह मान तब पैराग्राफ में "नमूना" आईडी के साथ इसकी आंतरिक HTML संपत्ति का उपयोग करके प्रदर्शित किया जाता है।