JavaScript

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

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

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

サンプル

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

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

実行サンプル

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

変更前

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 特定のキー入力をさせない

JavaScriptで特定のキー入力をさせなくするサンプルです。 サンプルソース 例)Bキーの入力を無効にする [cra ...

[JavaScript] 入力ダイアログを表示する(window.prompt)

入力ダイアログを表示するには、window.prompt()を使用します。 サンプルソース 例)入力ダイアログを表示する ...

[JavaScript] チェックを消せるラジオボタン

クリックするとオン、オフができるラジオボタンのサンプルです。 サンプルソース 例)チェックオンのラジオボタンをクリックす ...

[JavaScript] スタイルをimportant指定する

JavaScriptでスタイル(CSS)を指定する時に、important指定をするサンプルです。 サンプルソース 例) ...

[JavaScript] 要素のwidth、heightを取得する

要素のwidth、heightを取得するサンプルです。 サンプルソース 例)ボタンをクリックするとid="dv1"要素の ...

スポンサーリンク