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

HTML DOM isSameNode() मेथड


HTML DOM isSameNode() मेथड एक बूलियन मान (true/false) लौटाता है यदि दो नोड समान हैं या नहीं।

नोट − isSameNode() मेथड डिप्रिकेटेड है इसलिए आपको इसके बजाय ‘===’ ऑपरेटर का उपयोग करना चाहिए।

सिंटैक्स

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

isSameNode() कॉल करना

nodeOne.isSameNode(NodeTwo)

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>isSameNode()</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>isSameNode( )</legend> <h3>जॉन डो की उपलब्धियां</h3> <ul> <li id="cricket">ट्रॉफी 1</li> <li>ट्रॉफी 2</li> <li>ट्रॉफी 3</li> </ul> <input type="button" onclick="confirmTrophy()" value="जांचें"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var cricketTrophy = document.getElementById("cricket");    var trophyOne = document.getElementsByTagName("li")[0];    divDisplay.textContent = 'नोट: जांचें कि ट्रॉफी 1 क्रिकेट में जीती गई थी';    function confirmTrophy() {       if(cricketTrophy.isSameNode(trophyOne))          divDisplay.textContent = 'ट्रॉफी 1 वास्तव में क्रिकेट में जीती गई थी';       else          divDisplay.textContent = 'ट्रॉफी 1 क्रिकेट में नहीं जीती गई थी';    } </script> </body> </html>

आउटपुट

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

'जांचें' बटन पर क्लिक करने से पहले −

HTML DOM isSameNode() मेथड

'जांचें' बटन पर क्लिक करने के बाद −

HTML DOM isSameNode() मेथड


  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()