用語集に戻る
Web開発中級

innerHTML

innerhtml

一言で言うと

HTML 文字列を要素に流し込む。

もう少し詳しく

一言で言うと

HTML 文字列を要素に流し込む。XSS に注意。

もう少し詳しく

HTML 文字列を要素に流し込む。XSS に注意。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

DOM の特定要素の内部 HTML を取得・設定するプロパティです。ユーザー操作に応じてページを動的に書き換えたり、サーバーから受け取ったデータを画面に反映したりする際に使われます。フロントエンド(ブラウザ)固有の API です。

実務でどう使うか

  • フロントエンド: ブラウザでの動作確認時に意識する場面が多く、デベロッパーツールの Network タブで確認できることもあります

  • フロントエンド(応用) ── サーバーから取得した HTML 断片を特定の要素へ挿入したり、テンプレートリテラルと組み合わせてリストを動的生成したりする場面で使います

  • PM・デザイナー: 仕様策定の段階で、フロント/バックがどう連携するかを把握するために役立ちます
  • 関連する章

    Ch151 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る