element.insertAdjacentHTML() HTML を挿入
最終更新：2026-10-13
element.insertAdjacentHTML() HTML を挿入
insertAdjacentHTML は指定位置に HTML を挿入します。既存内容を上書きしません。
| カテゴリ | DOM操作 |
|---|
⚙️ 引数
| position | |
|---|---|
| html |
戻り値：undefined。
元の値を変更するか：はい（その場で変更）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
💡 ヒント
⚠️ 警告
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.insertAdjacentHTML() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
QinsertAdjacentHTML と innerHTML の違いは？
AinsertAdjacentHTML は上書きせず位置に挿入します。innerHTML はすべてを置き換えます。
Qbeforeend と afterend の違いは？
Abeforeend は内部の最後の子として、afterend は外部の次の兄弟として挿入されます。
Q4つの位置とは？
Abeforebegin、afterbegin、beforeend、afterend です。
