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

HTML DOM item() मेथड


HTML DOM item() मेथड नोड लिस्ट ऑब्जेक्ट से एक नोड लौटाता है।

नोट − item() मेथड का उपयोग नोड लिस्ट ऑब्जेक्ट में इंडेक्स मान प्रदान करने के लिए किया जाता है। यह नोड लिस्ट ऑब्जेक्ट पर ‘[index]’ में इंडेक्स मान पास करके नोड प्राप्त करने के समान है।

सिंटैक्स

निम्नलिखित सिंटैक्स है −

item(index) कॉल करना, जहां इंडेक्स 0 से शुरू होता है

nodeListObject.item(index)

उदाहरण

आइए item() मेथड का एक उदाहरण देखें −

<!DOCTYPE html> <html> <head> <title>item()</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    }    ul{       width: 30%;       margin: 0 auto;    } </style> </head> <body> <form> <fieldset> <legend>item( )</legend> <h2>मेनू</h2> <ul> <li onclick="getOrder(0)">मैक एंड चीज़</li> <li onclick="getOrder(1)">पिज़्ज़ा</li> <li onclick="getOrder(2)">बर्गर</li> </ul> <div id="divDisplay">ऑर्डर करने के लिए मेनू आइटम पर क्लिक करें</div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var menuSelect = document.getElementsByTagName("li");    function getOrder(index) {       divDisplay.textContent = 'ऑर्डर: '+(menuSelect.item(index)).textContent;    } </script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा −

'<li>' तत्व पर क्लिक करने से पहले −

HTML DOM item() मेथड

'<li>' तत्व पर क्लिक करने के बाद −

HTML DOM item() मेथड


  1. HTML DOM getBoundingClientRect() मेथड HTML DOM getBoundingClientRect() मेथड

    HTML DOM getBoundingClientRect() का उपयोग व्यूपोर्ट की स्थिति के सापेक्ष किसी तत्व का आकार लौटाने के लिए किया जाता है। यह DOMRect प्रकार का एक ऑब्जेक्ट लौटाता है जिसमें आठ गुण होते हैं: left, top, right, bottom, x, y, width, height। बाउंडिंग आयत की स्थिति स्क्रॉलिंग स्थिति बदलने पर बदलती है। सिंटैक

  1. HTML DOM hasAttributes() मेथड HTML DOM hasAttributes() मेथड

    HTML DOM hasAttributes() मेथड जांचता है कि किसी तत्व में कोई attributes हैं या नहीं। यह true लौटाता है यदि तत्व में कोई attribute है और यदि नहीं है तो false लौटाता है। यदि इस मेथड को एलिमेंट नोड के अलावा किसी अन्य नोड पर कॉल किया जाता है, तो लौटाया गया मान हमेशा false होगा। सिंटैक्स hasAttributes()

  1. HTML DOM focus() मेथड HTML DOM focus() मेथड

    HTML DOM focus() मेथड का उपयोग किसी HTML तत्व को फोकस देने के लिए किया जाता है। फोकस सभी HTML तत्वों पर लागू नहीं किया जा सकता। उदाहरण के लिए: आप <p> टैग को फोकस नहीं कर सकते। किसी तत्व से फोकस हटाने के लिए blur() मेथड का उपयोग करें। सिंटैक्स सिंटैक्स निम्नलिखित है: HTMLElementObject.focus()