Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम getNamedItem () विधि

<घंटा/>

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>

आउटपुट

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

एचटीएमएल डोम getNamedItem () विधि

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

एचटीएमएल डोम getNamedItem () विधि

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

हमने सबसे पहले टाइप ="टेक्स्ट" और नाम ="यूएसआर" के साथ एक इनपुट फ़ील्ड बनाया है।

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

इसके बाद हमने बटन GET बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर attrValue () विधि को निष्पादित करेगा -

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

attrValue () विधि इनपुट तत्व प्राप्त करने के लिए getElementsByTagName () विधि का उपयोग करती है और इसे वेरिएबल usr को असाइन करती है। हम तब विशेषताएँ गुण का उपयोग करते हैं जो सभी विशेषताओं के संग्रह को नामांकित नोडमैप ऑब्जेक्ट के रूप में लौटाता है। विशेषता संपत्ति पर getNamedItem () विधि को कॉल करने से केवल वह विशिष्ट विशेषता नोड लौटाता है।

GetNamedItem() द्वारा लौटाए गए विशिष्ट नोड पर value प्रॉपर्टी का उपयोग करके, हम उस विशेषता मान को प्राप्त करते हैं और इसे वेरिएबल वैल को असाइन करते हैं। यह मान तब पैराग्राफ में "नमूना" आईडी के साथ इसकी आंतरिक HTML संपत्ति का उपयोग करके प्रदर्शित किया जाता है।


  1. HTML DOM getBoundingClientRect () विधि

    HTML DOM getBoundingClientRect () का उपयोग व्यूपोर्ट की स्थिति के सापेक्ष एक तत्व के आकार को वापस करने के लिए किया जाता है। यह DOMRect प्रकार की वस्तु देता है जिसमें आठ गुण बाएँ, ऊपर, दाएँ, नीचे, x, y, चौड़ाई, ऊँचाई हैं। स्क्रॉलिंग स्थिति में परिवर्तन होने पर बाउंडिंग आयत की स्थिति बदल जाती है। सिंट

  1. HTML DOM में विशेषताएँ () विधि है

    HTML DOM में एट्रिब्यूट्स () विधि यह जांचती है कि किसी तत्व में कोई विशेषता है या नहीं। यदि तत्व में कोई विशेषता है तो यह सही है और यदि नहीं है तो यह गलत है। यदि इस विधि को तत्व नोड के अलावा किसी अन्य नोड पर कहा जाता है, तो लौटाया गया मान हमेशा गलत होगा। सिंटैक्स hasAttributes() विधि के लिए सिंटैक्

  1. एचटीएमएल डोम फोकस () विधि

    HTML तत्व पर फ़ोकस देने के लिए HTML DOM फ़ोकस () विधि का उपयोग किया जाता है। सभी HTML तत्वों पर फ़ोकस लागू नहीं किया जा सकता है। उदाहरण के लिए:आप टैग पर फ़ोकस नहीं कर सकते। किसी तत्व से फ़ोकस हटाने के लिए ब्लर () विधि का उपयोग करें। सिंटैक्स निम्नलिखित वाक्य रचना है - HTMLElementObject.focus() उदा