From a2395f85bf5ab896475fa244f6452027b9b37b7b Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 2 Aug 2021 00:36:55 +0900 Subject: ChildNode.after を各インターフェイスへ分割 (#1582) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * ChildNode.after を各インターフェイスへ分割 * orphaned/Web/API/ChildNode/after を廃止 --- files/ja/web/api/characterdata/after/index.html | 85 +++++++++++++++++++++++ files/ja/web/api/documenttype/after/index.html | 62 +++++++++++++++++ files/ja/web/api/element/after/index.html | 90 +++++++++++++++++++++++++ 3 files changed, 237 insertions(+) create mode 100644 files/ja/web/api/characterdata/after/index.html create mode 100644 files/ja/web/api/documenttype/after/index.html create mode 100644 files/ja/web/api/element/after/index.html (limited to 'files/ja/web') diff --git a/files/ja/web/api/characterdata/after/index.html b/files/ja/web/api/characterdata/after/index.html new file mode 100644 index 0000000000..ea6dedc1ed --- /dev/null +++ b/files/ja/web/api/characterdata/after/index.html @@ -0,0 +1,85 @@ +--- +title: CharacterData.after() +slug: Web/API/CharacterData/after +tags: + - API + - DOM + - Method + - Node + - Reference +browser-compat: api.CharacterData.after +translation_of: Web/API/CharacterData/after +--- +
{{APIRef("DOM")}}
+ +

CharacterData.after() は、一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトをこの CharacterData の親ノードの子リストの、この CharacterData の直後に挿入します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。

+ +

構文

+ +
+after(... nodes)
+
+ +

引数

+ +
+
nodes
+
挿入する一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトです。
+
+ +

例外

+ + + +

例

+ +

新しいノードでテキストを挿入

+ +

after() メソッドで、 CharacterData ノードの後に新しいノードを挿入することができます。

+ +
+const h1TextNode = document.getElementsByTagName('h1')[0].firstChild;
+h1TextNode.after(" #h1");
+
+h1TextNode.parentElement.childNodes
+// NodeList [#text "CharacterData.after()", #text " #h1"]
+
+h1TextNode.data;
+// "CharacterData.after()"
+
+ +

現在のノードにテキストを追加

+ +

現在のノードにテキストを追加したいのであれば、 appendData() メソッドで現在のノードのデータに追加することができます。

+ +
+const h1TextNode = document.getElementsByTagName('h1')[0].firstChild;
+h1TextNode.appendData(" #h1");
+
+h1TextNode.parentElement.childNodes;
+// NodeList [#text "CharacterData.after() #h1"]
+
+h1TextNode.data;
+// "CharacterData.after() #h1"
+
+ +

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/documenttype/after/index.html b/files/ja/web/api/documenttype/after/index.html new file mode 100644 index 0000000000..ccf4b5e008 --- /dev/null +++ b/files/ja/web/api/documenttype/after/index.html @@ -0,0 +1,62 @@ +--- +title: DocumentType.after() +slug: Web/API/DocumentType/after +tags: + - API + - DOM + - Method + - Node + - Reference +browser-compat: api.DocumentType.after +translation_of: Web/API/DocumentType/after +--- +
{{APIRef("DOM")}}
+ +

DocumentType.after() は、一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトをこの DocumentType の親ノードの子リストの、このDocumentType の直後に挿入します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。

+ +

構文

+ +
+after(... nodes)
+
+ +

引数

+ +
+
nodes
+
挿入する一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトです。
+
+ +

例外

+ + + +

例

+ +

+ +
+let docType = document.implementation.createDocumentType("html", "", "");
+let myDoc = document.implementation.createDocument("", "", docType);
+
+docType.after(document.createElement('html'));
+
+myDoc.childNodes;
+// NodeList [<!DOCTYPE html>, <html>]
+
+ +

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/element/after/index.html b/files/ja/web/api/element/after/index.html new file mode 100644 index 0000000000..52186ca2fb --- /dev/null +++ b/files/ja/web/api/element/after/index.html @@ -0,0 +1,90 @@ +--- +title: Element.after() +slug: Web/API/Element/after +tags: + - API + - DOM + - Method + - Node + - Reference +browser-compat: api.Element.after +translation_of: Web/API/Element/after +--- +
{{APIRef("DOM")}}
+ +

Element.after() は、Element の親の子リストの、Element の直後に、 {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。

+ +

構文

+ +
+after(... nodes)
+
+ +

引数

+ +
+
nodes
+
挿入する一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトです。
+
+ +

例外

+ + + +

例

+ +

要素の挿入

+ +
let container = document.createElement("div");
+let p = document.createElement("p");
+container.appendChild(p);
+let span = document.createElement("span");
+
+p.after(span);
+
+console.log(container.outerHTML);
+// "<div><p></p><span></span></div>"
+
+ +

テキストの挿入

+ +
let container = document.createElement("div");
+let p = document.createElement("p");
+container.appendChild(p);
+
+p.after("Text");
+
+console.log(container.outerHTML);
+// "<div><p></p>Text</div>"
+ +

要素とテキストの挿入

+ +
let container = document.createElement("div");
+let p = document.createElement("p");
+container.appendChild(p);
+let span = document.createElement("span");
+
+p.after(span, "Text");
+
+console.log(container.outerHTML);
+// "<div><p></p><span></span>Text</div>"
+ +

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf