element.appendChild() 子要素を追加
最終更新：2026-10-13
element.appendChild() 子要素を追加
appendChild はノードを現在の要素の最後の子として追加します。既存ノードは移動されます。
| カテゴリ | DOM操作 |
|---|
⚙️ 引数
| child |
|---|
戻り値：追加された子ノード。
元の値を変更するか：はい（その場で変更）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
💡 ヒント
ℹ️ info
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.appendChild() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
QappendChild は要素をクローンしますか？
Aいいえ — 既存ノードを移動します。コピーするには cloneNode(true) を使います。
QappendChild と append の違いは？
Aappend は複数の引数と文字列を受け付けます。appendChild はノード1つだけです。
Q先頭に挿入するには？
Aprepend() または insertBefore() を使います。
