aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/node/isequalnode/index.md
diff options
context:
space:
mode:
authorAtsuto Yamashita <atyamash@yahoo-corp.jp>2022-03-15 19:47:35 +0900
committerGitHub <noreply@github.com>2022-03-15 19:47:35 +0900
commit9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0 (patch)
tree71952407ea41c86feabef4214610d59e15aae55d /files/ja/web/api/node/isequalnode/index.md
parentc2678137db5f97ad1fe39e872529159a1afafec1 (diff)
parent9e7fbb013772ebab9b35185f0d0836995acbe6db (diff)
downloadtranslated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.gz
translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.bz2
translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.zip
Merge branch 'main' into fix-typo-client-side-web-apis-intro-ja
Diffstat (limited to 'files/ja/web/api/node/isequalnode/index.md')
-rw-r--r--files/ja/web/api/node/isequalnode/index.md82
1 files changed, 82 insertions, 0 deletions
diff --git a/files/ja/web/api/node/isequalnode/index.md b/files/ja/web/api/node/isequalnode/index.md
new file mode 100644
index 0000000000..b4c71cc44a
--- /dev/null
+++ b/files/ja/web/api/node/isequalnode/index.md
@@ -0,0 +1,82 @@
+---
+title: Node.isEqualNode()
+slug: Web/API/Node/isEqualNode
+tags:
+ - メソッド
+ - リファレンス
+browser-compat: api.Node.isEqualNode
+translation_of: Web/API/Node/isEqualNode
+---
+{{APIRef("DOM")}}
+
+**`isEqualNode()`** は {{domxref("Node")}} インターフェイスのメソッドで、 2 つのノードが等しいかどうかを検査します。
+2 つのノードは、同じ型、定義特性(要素の場合、 ID や子ノードの数など)、その属性が一致している場合、等しいといえます。データで一致が求められる具体的な点は、ノードの型によって異なります。
+
+## 構文
+
+```js
+isEqualNode(otherNode);
+```
+
+### 引数
+
+- `otherNode`
+ - : 比較対象となる {{domxref("Node")}} です。
+ > **Note:** この引数は省略可能ではありませんが、 `null` に設定することはできます。
+
+### 返値
+
+論理値で、 2 つのノードが等しければ `true`、そうでなければ `false` です。
+`otherNode` が `null` であった場合、 `isEqualNode()` は常に false を返します。
+
+## 例
+
+この例では、 3 つの {{HTMLElement("div")}} ブロックを作成しています。 1 つ目と 3 つ目は内容と属性が同じであり、 2 つ目は異なっています。このとき、`isEqualNode()` を使って JavaScript でノードを比較した結果は以下のようになります。
+
+### HTML
+
+```html
+<div>最初の要素です。</div>
+<div>2 番目の要素です。</div>
+<div>最初の要素です。</div>
+
+<p id="output"></p>
+```
+
+```css hidden
+#output {
+ width: 440px;
+ border: 2px solid black;
+ border-radius: 5px;
+ padding: 10px;
+ margin-top: 20px;
+ display: block;
+}
+```
+
+### JavaScript
+
+```js
+let output = document.getElementById("output");
+let divList = document.getElementsByTagName("div");
+
+output.innerHTML += "div 0 と div 0 は同じか: " + divList[0].isEqualNode(divList[0]) + "<br/>";
+output.innerHTML += "div 0 と div 1 は同じか: " + divList[0].isEqualNode(divList[1]) + "<br/>";
+output.innerHTML += "div 0 と div 2 は同じか: " + divList[0].isEqualNode(divList[2]) + "<br/>";
+```
+
+### 結果
+
+{{ EmbedLiveSample('Example', "100%", "210") }}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("Node.isSameNode()")}}