Merge branch 'main' into fix-typo-client-side-web-apis-intro-ja

2 files changed, 82 insertions, 90 deletions

diff --git a/files/ja/web/api/node/isequalnode/index.html b/files/ja/web/api/node/isequalnode/index.html
deleted file mode 100644
index 3eced87fe0..0000000000
--- a/files/ja/web/api/node/isequalnode/index.html
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: Node.isEqualNode
-slug: Web/API/Node/isEqualNode
-translation_of: Web/API/Node/isEqualNode
----
-<div>{{ApiRef}}</div>
-
-<h2 id="Summary" name="Summary">概要</h2>
-
-<p><code>Node.isEqualNode()</code>は2つのノードが同値かどうかをテストします。それぞれのノードが同じ型で、同じ特性（要素であればIDや子要素の数など）、属性値などを持つ場合、同値と判定されます。比較される内容はノードの型によって異なります。</p>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<pre class="syntaxbox">var <var>isEqualNode</var> = <var>node</var>.isEqualNode(otherNode);
-</pre>
-
-<ul>
- <li><code>otherNode</code> : 同値性を比較する対象の {{domxref("Node")}}</li>
-</ul>
-
-<h2 id="Example" name="Example">例</h2>
-
-<p>3つの {{HTMLElement("div")}} ブロックを作成する例を示します。1つめと3つめは同じ内容と属性を持ち、2番目は異なっています。このとき、<code>isEqualNode()</code> を使ってJavaScriptでノードを比較した結果は以下のようになります。</p>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;div&gt;最初の要素です。&lt;/div&gt;
-&lt;div&gt;2番目の要素です。&lt;/div&gt;
-&lt;div&gt;最初の要素です。&lt;/div&gt;
-
-&lt;p id="output"&gt;&lt;/p&gt;</pre>
-
-<div class="hidden">
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css">#output {
-  width: 440px;
-  border: 2px solid black;
-  border-radius: 5px;
-  padding: 10px;
-  margin-top: 20px;
-  display: block;
-}</pre>
-</div>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<pre class="brush: js">let output = document.getElementById("output");
-let divList  = document.getElementsByTagName("div");
-
-output.innerHTML += "div 0 と div 0 は同じか: " + divList[0].isEqualNode(divList[0]) + "&lt;br/&gt;";
-output.innerHTML += "div 0 と div 1 は同じか: " + divList[0].isEqualNode(divList[1]) + "&lt;br/&gt;";
-output.innerHTML += "div 0 と div 2 は同じか: " + divList[0].isEqualNode(divList[2]) + "&lt;br/&gt;";</pre>
-
-<h3 id="Results">Results</h3>
-
-<p>{{ EmbedLiveSample('Example', 480) }}</p>
-
-<p>
- </p><h2 id="仕様">仕様</h2>
-
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様</th>
-   <th scope="col">ステータス</th>
-   <th scope="col">コメント</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('DOM WHATWG', '#dom-node-isequalnode', 'Node.isEqualNode')}}</td>
-   <td>{{Spec2('DOM WHATWG')}}</td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="ブラウザー互換性">ブラウザー互換性</h2>
-
-
-
-<p>{{Compat("api.Node.isEqualNode")}}</p>
-
-<h2 id="参考">参考</h2>
-
-<ul>
- <li>{{domxref("Node.isSameNode()")}}</li>
-</ul>
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()")}}