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

3 files changed, 151 insertions, 0 deletions

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>