HTML DOM要素appendChild（）
例
リストにアイテムを追加します。
const node = document.createElement("LI");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
前：
- Coffee
- Tea
後：
- Coffee
- Tea
- Water
あるリストから別のリストにアイテムを移動します。
const node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
前：
- Coffee
- Tea
- Water
- Milk
後：
- Coffee
- Tea
- Milk
- Water
以下のその他の例。
定義と使用法
このappendChild()メソッドは、ノードをノードの最後の子として追加します。
ヒント：テキストを使用して新しい段落を作成する場合は、段落に追加するテキストノードとしてテキストを作成してから、その段落をドキュメントに追加することを忘れないでください。
このメソッドを使用して、要素をある要素から別の要素に移動することもできます（「その他の例」を参照）。
構文
node.appendChild(node)
パラメーター
| Parameter | Description |
| node | Required. The node to append. |
戻り値
| タイプ | 説明 |
| ノード | 追加されたノード |
その他の例
<p>要素を作成し、それを<div>要素に追加します。
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
<p>要素を作成し、ドキュメントの本文に追加します。
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
関連要素メソッド：
関連ドキュメントメソッド：
ブラウザのサポート
element.appendChild()DOMレベル1（1998）の機能です。
すべてのブラウザで完全にサポートされています。
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |