JavaScript

[JavaScript] HTML内のタグをを動的に変更する(innerHTML)

投稿日:2016年10月7日 更新日:

HTML内の文字を動的に変更するには、innerHTMLを使用します。

サンプル

例)id="area1"の要素にHTMLを動的に埋め込む

※「innerHTML」の大文字小文字は、この表記通り指定する必要があります。

実行サンプル

ボタンを押すと、テキストボックスに指定したHTMLタグが黄色部分に反映されます。

変更前

解説

  • innerHTMLを使うと、指定したタグ内のHTMLタグのセット/取得ができます。
  • 指定した文字列はHTMLタグとして認識されます。
  • HTMLタグではなく、文字列として認識させたい場合は、innterTextを使用します。
    (詳しくは「HTML内の文字を動的に変更する」をご覧ください。)

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:



comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサーリンク