ChildNode/remove を各インターフェイスに分割 (#1584)

6 files changed, 151 insertions, 106 deletions

diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt
index 8121cb4730..8778f2bd5e 100644
--- a/files/ja/_redirects.txt
+++ b/files/ja/_redirects.txt
@@ -3519,7 +3519,6 @@
 /ja/docs/Web/API/ChildNode	/ja/docs/orphaned/Web/API/ChildNode
 /ja/docs/Web/API/ChildNode/after	/ja/docs/orphaned/Web/API/ChildNode/after
 /ja/docs/Web/API/ChildNode/before	/ja/docs/orphaned/Web/API/ChildNode/before
-/ja/docs/Web/API/ChildNode/remove	/ja/docs/orphaned/Web/API/ChildNode/remove
 /ja/docs/Web/API/ChildNode/replaceWith	/ja/docs/orphaned/Web/API/ChildNode/replaceWith
 /ja/docs/Web/API/Console.error	/ja/docs/Web/API/Console/error
 /ja/docs/Web/API/Coordinates	/ja/docs/Web/API/GeolocationCoordinates
diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json
index 406d51fe3d..e1f39a8823 100644
--- a/files/ja/_wikihistory.json
+++ b/files/ja/_wikihistory.json
@@ -51129,16 +51129,6 @@
       "Shirasu"
     ]
   },
-  "orphaned/Web/API/ChildNode/remove": {
-    "modified": "2020-10-15T21:51:39.796Z",
-    "contributors": [
-      "Potappo",
-      "kenji-yamasaki",
-      "mfuji09",
-      "isdh",
-      "chikoski"
-    ]
-  },
   "orphaned/Web/API/ChildNode/replaceWith": {
     "modified": "2020-10-17T04:41:48.425Z",
     "contributors": [
diff --git a/files/ja/orphaned/web/api/childnode/remove/index.html b/files/ja/orphaned/web/api/childnode/remove/index.html
deleted file mode 100644
index 011729ae69..0000000000
--- a/files/ja/orphaned/web/api/childnode/remove/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: ChildNode.remove()
-slug: orphaned/Web/API/ChildNode/remove
-tags:
-  - API
-  - ChildNode
-  - DOM
-  - Experimental
-  - Method
-translation_of: Web/API/ChildNode/remove
-original_slug: Web/API/ChildNode/remove
----
-<div>{{APIRef("DOM")}}</div>
-
-<p><code><strong>ChildNode.remove()</strong></code> は所属するツリーからオブジェクトを削除します。</p>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<pre class="syntaxbox notranslate"><var>node</var>.remove();
-</pre>
-
-<h2 id="Example" name="Example">例</h2>
-
-<h3 id="Using_remove" name="Using_remove"><code>remove()</code> の使用</h3>
-
-<pre class="brush: html notranslate">&lt;div id="div-01"&gt;Here is div-01&lt;/div&gt;
-&lt;div id="div-02"&gt;Here is div-02&lt;/div&gt;
-&lt;div id="div-03"&gt;Here is div-03&lt;/div&gt;
-</pre>
-
-<pre class="brush: js notranslate">var el = document.getElementById('div-02');
-el.remove(); // 'div-02' の id を持った div を削除
-</pre>
-
-<h3 id="ChildNode.remove_is_unscopable" name="ChildNode.remove_is_unscopable"><code>ChildNode.remove()</code> はスコーピングに非対応</h3>
-
-<p><code>remove()</code> メソッドは <code>with</code> 文でのスコーピングに対応していません。 詳細は {{jsxref("Symbol.unscopables")}} をご覧ください。</p>
-
-<pre class="brush: js notranslate">with(node) {
-  remove();
-}
-// ReferenceError: remove is not defined </pre>
-
-<h2 id="Polyfill" name="Polyfill">ポリフィル</h2>
-
-<p>以下のポリフィルで、Internet Explorer 9 以降でも <code>remove()</code> メソッドが利用できます。</p>
-
-<pre class="brush: js notranslate">// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('remove')) {
-      return;
-    }
-    Object.defineProperty(item, 'remove', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function remove() {
-        this.parentNode.removeChild(this);
-      }
-    });
-  });
-})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);</pre>
-
-<h2 id="Specifications" name="Specifications">仕様書</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-childnode-remove', 'ChildNode.remove')}}</td>
-   <td>{{Spec2('DOM WHATWG')}}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
-
-<p>{{Compat("api.ChildNode.remove")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{domxref("ChildNode")}} インターフェイス</li>
- <li>
-  <div class="syntaxbox">このインターフェイスを実装したオブジェクト型: {{domxref("CharacterData")}}、 {{domxref("Element")}}、{{domxref("DocumentType")}}</div>
- </li>
-</ul>
diff --git a/files/ja/web/api/characterdata/remove/index.html b/files/ja/web/api/characterdata/remove/index.html
new file mode 100644
index 0000000000..70e3baa8cb
--- /dev/null
+++ b/files/ja/web/api/characterdata/remove/index.html
@@ -0,0 +1,48 @@
+---
+title: CharacterData.remove()
+slug: Web/API/CharacterData/remove
+tags:
+  - API
+  - CharacterData
+  - DOM
+  - Method
+browser-compat: api.CharacterData.remove
+translation_of: Web/API/CharacterData/remove
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p><code><strong>CharacterData.remove()</strong></code> メソッドは、テキストを削除します。</p>
+
+<h2 id="Syntax">構文</h2>
+
+<pre class="brush: js">remove()</pre>
+
+<h2 id="Example">例</h2>
+
+<h3 id="Using_remove"><code>remove()</code> の使用</h3>
+
+<pre class="brush: html">
+&lt;p id="myText"&gt;Some text&lt;/p&gt;
+</pre>
+
+<pre class="brush: js">let text = document.getElementById('myText').firstChild;
+text.remove(); // テキストを削除
+</pre>
+
+<pre class="brush: html">
+&lt;p id="myText"&gt;&lt;/p&gt;
+</pre>
+
+<h2 id="Specifications">仕様書</h2>
+
+{{Specifications}}
+
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="See_also">関連情報</h2>
+
+<ul>
+  <li>{{domxref("Element.remove()")}}</li>
+</ul>
diff --git a/files/ja/web/api/documenttype/remove/index.html b/files/ja/web/api/documenttype/remove/index.html
new file mode 100644
index 0000000000..4e3a58347f
--- /dev/null
+++ b/files/ja/web/api/documenttype/remove/index.html
@@ -0,0 +1,49 @@
+---
+title: DocumentType.remove()
+slug: Web/API/DocumentType/remove
+tags:
+  - API
+  - DocumentType
+  - DOM
+  - Method
+browser-compat: api.DocumentType.remove
+translation_of: Web/API/DocumentType/remove
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p><code><strong>DocumentType.remove()</strong></code> は文書の文書型宣言 (<code>doctype</code>) を削除します。</p>
+
+<div class="note">
+  <h4>注</h4>
+  <p>文書の文書型宣言を削除すると、レンダリングモードが後方互換 (<a href="/ja/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">quirks</a>) モードに設定されます。
+    これはやめてください。意図的に後方互換モードを想定してデザインしても、何の役にも立ちません。古いインターネットエクスプローラーブラウザーで問題を回避する必要がある場合は、<a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS#ie_conditional_comments">条件付きコメント</a>などの回避策を検討してください。</p>
+</div>
+
+<h2 id="Syntax">構文</h2>
+
+<pre class="brush: js">remove()</pre>
+
+<h2 id="Example">例</h2>
+
+<h3 id="Using_remove"><code>remove()</code> の使用</h3>
+
+<pre class="brush: js">
+document.doctype; // "&lt;!DOCTYPE html&gt;'
+document.doctype.remove();
+document.doctype; // null
+</pre>
+
+
+<h2 id="Specifications">仕様書</h2>
+
+{{Specifications}}
+
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="See_also">関連情報</h2>
+
+<ul>
+  <li>{{domxref("Document.doctype")}}</li>
+</ul>
diff --git a/files/ja/web/api/element/remove/index.html b/files/ja/web/api/element/remove/index.html
new file mode 100644
index 0000000000..4c75a0bf52
--- /dev/null
+++ b/files/ja/web/api/element/remove/index.html
@@ -0,0 +1,54 @@
+---
+title: Element.remove()
+slug: Web/API/Element/remove
+tags:
+  - API
+  - Element
+  - DOM
+  - Method
+browser-compat: api.Element.remove
+translation_of: Web/API/Element/remove
+---
+<div>{{APIRef("DOM")}}</div>
+
+<p><code><strong>Element.remove()</strong></code> は所属するツリーから要素を削除します。</p>
+
+<h2 id="Syntax">構文</h2>
+
+<pre class="brush: js">remove()</pre>
+
+<h2 id="Example">例</h2>
+
+<h3 id="Using_remove"><code>remove()</code> の使用</h3>
+
+<pre class="brush: html">&lt;div id="div-01"&gt;Here is div-01&lt;/div&gt;
+&lt;div id="div-02"&gt;Here is div-02&lt;/div&gt;
+&lt;div id="div-03"&gt;Here is div-03&lt;/div&gt;
+</pre>
+
+<pre class="brush: js">var el = document.getElementById('div-02');
+el.remove(); // 'div-02' の id を持った div を削除
+</pre>
+
+<h3 id="Element.remove_is_unscopable"><code>Element.remove()</code> はスコープ化に非対応</h3>
+
+<p><code>remove()</code> メソッドは <code>with</code> 文によるスコープ化に対応していません。 詳細は {{jsxref("Symbol.unscopables")}} を参照してください。</p>
+
+<pre class="brush: js">with(node) {
+  remove();
+}
+// ReferenceError: remove is not defined </pre>
+
+<h2 id="Specifications">仕様書</h2>
+
+{{Specifications}}
+
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="See_also">関連情報</h2>
+
+<ul>
+  <li><a href="https://github.com/chenzhenxi/element-remove">ポリフィル</a></li>
+</ul>