JavaScript: div に文字列を表示する。textContent

ボタンを押すと div タグに文字列を表示します。
DIV1

ソース

html タグ、head タグ、body タグなどは省略しています。
HTML5 では下のコードだけでも Web ブラウザに表示して実行できます。
(2009-2024/03)
動作 : Edge120, Firefox120, Chrome119

◎ ノート

・div などのタグ(要素)にテキストをセットするときに、
  1) textContent に代入する方法
  2) innerText に代入する方法
  があります。

  innerText では文字列に改行があると <br/> に置き換わります。
  textContent では文字列に改行があっても無視されます。

  MDN: innerText
  MDN: textContent

◎ 昔話

・innerText は Firefox45 (2016年) まで使えませんでした。
  現在では気にせず。

・textContent は IE8 まで使えませんでした。
  現在では気にせず。

inserted by FC2 system