diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-02-27 17:17:47 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-03-06 14:10:33 +0900 |
commit | dd4c3fd91ffcfdfbbe292e9c8fe826ae76cdbfed (patch) | |
tree | 714e19a58719d25c6877d483bda9e17498aedfe4 /files | |
parent | a3335b2232582afc0a98d893b7e9f4987e968583 (diff) | |
download | translated-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.md | 112 |
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()")}} |