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

HTML DOM isSameNode ( ) विधि

<घंटा/>

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

नोट - 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>John Doe's Achievements</h3>
<ul>
<li id="cricket">Trophy 1</li>
<li>Trophy 2</li>
<li>Trophy 3</li>
</ul>
<input type="button" onclick="confirmTrophy()" value="Check">
<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 = 'NOTE: Check if Trophy 1 was won in cricket';
   function confirmTrophy() {
      if(cricketTrophy.isSameNode(trophyOne))
         divDisplay.textContent = 'Trophy 1 was indeed won in cricket';
      else
         divDisplay.textContent = 'Trophy 1 was not won in cricket';
   }
</script>
</body>
</html>

आउटपुट

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

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

HTML DOM isSameNode ( ) विधि

'चेक' clicking क्लिक करने के बाद बटन -

HTML DOM isSameNode ( ) विधि


  1. HTML DOM getBoundingClientRect () विधि

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

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

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

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

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