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

HTML DOM isEqualNode() मेथड


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

सिंटैक्स

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

isEqualNode() कॉल करना

firstNode.isEqualNode(secondNode)

नोट − ‘firstNode’ और ‘secondNode’ केवल तभी समान होते हैं यदि उनका प्रकार, विशेषताएं और विशेषता मान समान हों। यदि कोई चाइल्ड नोड्स हैं तो वे भी समान होने चाहिए।

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>isEqualNode()</title> <style>    body{       width: 90%;       margin: 0 auto;    }    button{       border-radius:10px;       display:block;       margin:0 auto;    }    #authorJohn, #authorMaya{       border:1px solid black;       border-radius:10px;    }    #showContent{       text-align:center;    } </style> </head> <body> <div id="authorJohn"> <h2> Lorem ipsum dolor </h2> <h5>द्वारा - जॉन</h5> <p class="content"> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> </p> <div> <div id="authorMaya"> <h2> Excepteur sint occaecat </h2> <h5>द्वारा - माया</h5> <p class="content"> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> </p> <button onclick="checkPlagiarism()">साहित्यिक चोरी जांचें</button> <div id="showContent"></div> <script>    function checkPlagiarism(){       var articleOne = document.getElementsByClassName("content")[0];       var articleTwo = document.getElementsByClassName("content")[1];       var divDisplay = document.getElementById("showContent");       if(articleOne.isEqualNode(articleTwo))          divDisplay.textContent = 'सामग्री कॉपी की गई है!'       else          divDisplay.textContent = 'सामग्री कॉपी नहीं की गई है!'    } </script> </body> </html>

आउटपुट

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

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

HTML DOM isEqualNode() मेथड

'साहित्यिक चोरी जांचें' बटन पर क्लिक करने के बाद −

HTML DOM isEqualNode() मेथड


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