From 45bf098003a11b56bbf28ceb6f9563191d0dd26e Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 19 Aug 2021 22:44:39 +0900 Subject: ParentNode ミックスインを廃止 (#2028) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ParentNode ミックスインを廃止 - メンバーは Element クラスへ移動 - 各ドキュメントを 2021/08/11 時点の英語版に同期 --- files/ja/web/api/element/append/index.html | 100 +++++++++++++++++++++++++++++ 1 file changed, 100 insertions(+) create mode 100644 files/ja/web/api/element/append/index.html (limited to 'files/ja/web/api/element/append/index.html') diff --git a/files/ja/web/api/element/append/index.html b/files/ja/web/api/element/append/index.html new file mode 100644 index 0000000000..82feaa6f91 --- /dev/null +++ b/files/ja/web/api/element/append/index.html @@ -0,0 +1,100 @@ +--- +title: Element.append() +slug: Web/API/Element/append +tags: + - API + - DOM + - Method + - Node + - Element + - Reference +browser-compat: api.Element.append +translation_of: Web/API/Element/append +original_slug: Web/API/ParentNode/append +--- +

{{APIRef("DOM")}}

+ +

Element.append() メソッドは、一連の {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトを Element のの最後の子の後に挿入します。 {{domxref("DOMString")}} オブジェクトは等価な {{domxref("Text")}} ノードとして挿入されます。

+ +

{{domxref("Node.appendChild()")}} との違いは次の通りです。

+ + + +

構文

+ +
+append(...nodesOrDOMStrings)
+
+ +

引数

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

例外

+ + + +

+ +

要素の追加

+ +
let div = document.createElement("div")
+let p = document.createElement("p")
+div.append(p)
+
+console.log(div.childNodes) // NodeList [ <p> ]
+
+ +

テキストの追加

+ +
let div = document.createElement("div")
+div.append("Some text")
+
+console.log(div.textContent) // "Some text"
+ +

要素とテキストの追加

+ +
let div = document.createElement("div")
+let p = document.createElement("p")
+div.append("Some text", p)
+
+console.log(div.childNodes) // NodeList [ #text "Some text", <p> ]
+ +

append メソッドはスコープが効かない

+ +

append() メソッドは with 文の中ではスコープが効きません。詳しくは {{jsxref("Symbol.unscopables")}} をご覧ください。

+ +
let div = document.createElement("div")
+
+with(div) {
+  append("foo")
+}
+// ReferenceError: append is not defined 
+ + +

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

+ +

関連情報

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