element.innerHTML HTML 内容の取得/設定
最終更新：2026-10-13
element.innerHTML HTML 内容の取得/設定
innerHTML は要素の HTML 内容を取得または設定します。設定時に HTML を解析します。
| カテゴリ | DOM操作 |
|---|
戻り値：HTML 文字列。
元の値を変更するか：はい（その場で変更）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
⚠️ 警告
💡 ヒント
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.innerHTML | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
QinnerHTML と textContent の違いは？
AinnerHTML は HTML をパースします。textContent はプレーンテキストのみです。
QXSS のリスクは何ですか？
Aユーザー HTML がスクリプトを注入できます — textContent を使うかエスケープします。
QinnerHTML はイベントリスナーに影響しますか？
Aはい — innerHTML を設定すると子要素とそのリスナーが破棄されます。
