element.appendChild() 子要素を追加

最終更新:2026-09-12

element.appendChild() 子要素を追加

appendChild はノードを現在の要素の最後の子として追加します。既存ノードは移動されます。

カテゴリDOM操作

⚙️ 引数

child

戻り値:追加された子ノード。

元の値を変更するか:はい(その場で変更)

▶ 例

コードを編集して「実行」を押すと、出力パネルに結果が表示されます。

💡 ヒント
ℹ️ info

🌐 ブラウザ対応

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
element.appendChild() v1 v12 v1 v1 v1
すべてのモダンブラウザで対応
さらに多くのケースは近日公開予定です。

📚 関連チュートリアル

❓ よくある質問

Q
A
Q
A
Q
A
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%