・Element.append() のサンプル。
  ボタンを押すと pre タグや div タグに文字列を出力します。

ここに id="PRE1" の preタグ がある。

(2023/10-2024/03)
動作 : Edge120, Firefox120, Chrome119

◎ ノート

・MDN: Element: append() メソッド

・Element.append() では引数の文字列に HTML タグが含まれる場合は
　エスケープされます。
  1) HTML タグとして認識されません。
  2) script タグ内のスクリプトもプログラムとして認識されません。
    不正なスクリプトの実行もできません。


◎ 昔話

・Element.append() は Chrome53 (2016年), Firefox48 (2016年) まで
　使えませんでした。
  現在は気にせず。

・参考: Element.append() がなかった時代の書き方。

	// TextNode のオブジェクトを作る。
	const tn = document.createTextNode("文字列");
	// element に TextNode を追加する。
	element.appendChild(tn);