JavaScript

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

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

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

サンプル

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

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

実行サンプル

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

変更前

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] ひらがなチェックを行う

JavaScriptでひらがなチェックを行うサンプルFunctionです。 ひらがなチェックを行う 例)値がひらがなの場 ...

[JavaScript] 2進数、8進数、16進数の数値リテラル

数値リテラルで2進数、8進数、16進数を表す方法です。 2進数の数値リテラル 2進数を数値リテラルで表す場合は、2進数表 ...

[JavaScript] 1970年1月1日から指定した日時までの経過ミリ秒を取得する(Date.parse)

1970年1月1日からの経過ミリ秒を取得するには、Date.parse()を使用します。 サンプルソース 例)1970/ ...

[JavaScript] cookieが有効かどうか調べる

JavaScriptでcookieが有効かどうか判定するには、 navigator.cookieEnabledを使用しま ...

[JavaScript] 配列の要素を比較する

配列の要素が同じかどうか比較する方法です。 配列をそのまま「==」などで比較すると、参照の比較となるためうまく比較できま ...

スポンサーリンク