aboutsummaryrefslogtreecommitdiff
path: root/files
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2022-02-27 17:17:47 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-03-06 14:10:33 +0900
commitdd4c3fd91ffcfdfbbe292e9c8fe826ae76cdbfed (patch)
tree714e19a58719d25c6877d483bda9e17498aedfe4 /files
parenta3335b2232582afc0a98d893b7e9f4987e968583 (diff)
downloadtranslated-content-dd4c3fd91ffcfdfbbe292e9c8fe826ae76cdbfed.tar.gz
translated-content-dd4c3fd91ffcfdfbbe292e9c8fe826ae76cdbfed.tar.bz2
translated-content-dd4c3fd91ffcfdfbbe292e9c8fe826ae76cdbfed.zip
2022/02/09 時点の英語版に同期
Diffstat (limited to 'files')
-rw-r--r--files/ja/web/api/node/issamenode/index.md112
1 files changed, 78 insertions, 34 deletions
diff --git a/files/ja/web/api/node/issamenode/index.md b/files/ja/web/api/node/issamenode/index.md
index f94668cfd5..ffd47f8bf3 100644
--- a/files/ja/web/api/node/issamenode/index.md
+++ b/files/ja/web/api/node/issamenode/index.md
@@ -1,39 +1,83 @@
---
-title: Node.isSameNode
+title: Node.isSameNode()
slug: Web/API/Node/isSameNode
tags:
- - DOM
- - Gecko DOM Reference
- - Node
+ - メソッド
+ - リファレンス
+browser-compat: api.Node.isSameNode
translation_of: Web/API/Node/isSameNode
---
-<div>
- {{ApiRef}}{{Obsolete_header}}</div>
-<h2 id="Summary" name="Summary">概要</h2>
-<p>ふたつのノードが同一ノードの場合は <code>true</code> を、異なる場合は <code>false</code> を返します。</p>
-<div class="warning">
- <strong>注記</strong>: このメソッドは DOM level 4 で削除されており、Gecko 10.0 {{geckoRelease("10.0")}} やその他のブラウザの最近のバージョンには実装されていません。よって、別の方法を採る必要があります。<br>
- <pre class="brush:js">// 当メソッド
-node1.isSameNode(node2)
-
-// 代替策
-node1 === node2
-node1 == node2
-
-</pre>
-</div>
-<h2 id="Syntax" name="Syntax">構文</h2>
-<pre class="syntaxbox"><var>isSameNode</var> = <var>node</var>.isSameNode(<var>org</var>);
-</pre>
-<ul>
- <li><var>arg</var> : 比較ノード</li>
-</ul>
-<h2 id="Specification" name="Specification">仕様書</h2>
-<ul>
- <li>{{spec("http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-isSameNode","DOM Level 3 Core: isSameNode","REC")}}</li>
- <li>{{spec("http://www.w3.org/TR/domcore/","DOM Core Level 4","WD")}} で削除されています</li>
-</ul>
-<h2 id="See_also" name="See_also">関連情報</h2>
-<ul>
- <li>{{domxref("Node.isEqualNode")}}</li>
-</ul>
+{{APIRef("DOM")}}
+
+**`isSameNode()`** は {{domxref("Node")}} インターフェイスのメソッドで、 [`===` 厳密等価演算子](/ja/docs/Web/JavaScript/Reference/Operators/Strict_equality)の古い別名です。
+すなわち、 2 つのノードが全く同じであるかどうか(言い換えれば、同じオブジェクトを指しているかどうか)を検査します。
+
+> **Note:** `isSameNode()` を使用する必要はありません。 `===` 厳密等価演算子を使用してください。
+
+## 構文
+
+```js
+isSameNode(otherNode);
+```
+
+### 引数
+
+- `otherNode`
+ - : 検査対象となる {{domxref("Node")}} です。
+ > **Note:** この引数は省略可能ではありませんが、 `null` に設定することはできます。
+
+### 返値
+
+論理値で、両ノードが厳密に等しい場合は `true`、そうでなければ `false` です。
+
+## 例
+
+この例では、 3 つの {{HTMLElement("div")}} ブロックを作成しています。 1 つ目と 3 つ目は内容と属性が同じであり、 2 つ目は異なっています。このとき、`isSameNode()` を使って 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].isSameNode(divList[0]) + "<br/>";
+output.innerHTML += "div 0 と div 1 は同じか: " + divList[0].isSameNode(divList[1]) + "<br/>";
+output.innerHTML += "div 0 と div 2 は同じか: " + divList[0].isSameNode(divList[2]) + "<br/>";
+```
+
+### 結果
+
+{{ EmbedLiveSample('Example', "100%", "205") }}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("Node.isEqualNode()")}}