HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML DOM isEqualNode（）メソッド

HTML DOM isEqualNode（）メソッドは、指定されたノードが等しいかどうかにかかわらず、ブール値（true / false）を返します。

構文

以下は構文です-

isEqualNode（）

の呼び出し 
firstNode.isEqualNode(secondNode)

注 −「firstNode」 および「secondNode」 それらが同じタイプ、属性、および属性値を持っている場合にのみ等しくなります。すべてのchildNodeも同じである必要があります。

例

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 DOM isEqualNode（）メソッド

[盗用の確認]をクリックした後 ボタン-

HTML DOM isEqualNode（）メソッド


  1. HTML DOM hasAttributes（）メソッド

    HTML DOM hasAttributes（）メソッドは、要素に属性があるかどうかをチェックします。要素に属性が含まれている場合はtrueを返し、含まない場合はfalseを返します。このメソッドが要素ノード以外のノードで呼び出された場合、戻り値は常にfalseになります。 構文 以下は、hasAttribbutes（）メソッドの構文です- node.hasAttributes() 例 hasAttributes（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>hasAttributes(

  2. HTML DOM focus（）メソッド

    HTML DOM focus（）メソッドは、HTML要素にフォーカスを与えるために使用されます。フォーカスをすべてのHTML要素に適用することはできません。例：タグにフォーカスすることはできません。要素からフォーカスを削除するには、blur（）メソッドを使用します。 構文 以下は構文です- HTMLElementObject.focus() 例 focus（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style>    input[type=text]:focus, p: