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 +++++++++++++++++++++++++ 1 file changed, 85 insertions(+) create mode 100644 files/ja/web/api/characterdata/after/index.html (limited to 'files/ja/web/api/characterdata') 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}}

+ +

関連情報

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