JavaScript

[JavaScript] HTML内の文字を動的に変更する(innerText)

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

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

HTML内の文字を動的に変更するサンプル

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

※「innerText」の大文字小文字はこの通り指定しないと動きません。

実行サンプル

ボタンを押すと、テキストボックスに指定した文字列が黄色部分に表示されます。

変更前

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 文字のASCIIコードを取得する

文字のASCIIコードを取得するには、charCodeAtを使用します。 サンプルソース charCodeAtの引数には ...

[JavaScript] パスワード用にランダムな文字列を生成する

ランダムな文字列を作成するサンプルです。 サンプルソース 例)半角英数字と一部記号からランダムな8桁文字列を生成する [ ...

[JavaScript] フォーム部品のDisable/Enableを切り替える

テキストボックスやボタンなどのDisable/Enableを切り替えるサンプルです。 サンプルソース 例)ボタンを押すた ...

[JavaScript] 配列から要素を削除する

配列から要素を削除するサンプルです。 配列の全要素を削除する 配列の全要素を削除するには、ブランクで更新します。 [cr ...

[JavaScript] imgタグに画像が存在するかチェックする

imgタグに画像が存在するかチェックするサンプルです。 画像がリンク切れしているかどうかをチェックしたい場合などに使用で ...

スポンサーリンク