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

HTML डोम isEqualNode() विधि

<घंटा/>

यदि निर्दिष्ट नोड बराबर हैं या नहीं, तो HTML DOM isEqualNode() विधि एक बूलियन मान (सही/गलत) देता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

कॉलिंग isEqualNode()

firstNode.isEqualNode(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>By - John</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>By - Maya</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()">Check Plagiarism</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 = 'Content is copied!'
      else
         divDisplay.textContent = 'Content is not copied!'
   }
</script>
</body>
</html>

आउटपुट

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

‘साहित्यिक चोरी की जांच करें’ . क्लिक करने से पहले बटन -

HTML डोम isEqualNode() विधि

‘साहित्यिक चोरी की जांच करें’ . पर क्लिक करने के बाद बटन -

HTML डोम isEqualNode() विधि


  1. HTML DOM getBoundingClientRect () विधि

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

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

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

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

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