コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

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

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

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

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

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

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

実行サンプル

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

変更前

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 郵便番号のハイフン編集を行うテキストボックス

フォーカスインするとハイフン無し郵便番号、 フォーカスアウトするとハイフン有り郵便番号にするテキストボックスサンプルです ...

[JavaScript] cookieに値をセットする

cookieに値をセットするサンプルです。 サンプルソース 例)cookieに値をセットする [crayon-5b068 ...

[JavaScript] 文字列を大文字または小文字に変換する

文字列を大文字または小文字に変換するサンプルです。 大文字/小文字に変換するには、toUpperCase、toLower ...

[JavaScript] 指定したCSSクラス名の全ての背景色を変更する

指定したCSSクラス名が定義された要素全ての背景色を変更するサンプルです。 ソースを一部書き換えれば、背景色以外の変更に ...

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

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

スポンサーリンク