結果を表示する
元にもどす
◀︎
▶︎
<html lang="ja"><meta charset="utf-8"> <button id="くりっく">ボタン</button> <script> document.getElementById("くりっく").addEventListener("click",function() {document.write('<span style="color:red;font-size:40px;">文字</span>');}); </script> <p style="margin:40px;font-size:1.2em;color:#456789;">----- この記述は「動的生成」ですか？ -----</p> <p>答: この記述は JavaScript の「動的エレメント消去」 + 「動的エレメント生成 & 置き換え」 + 「動的文字生成」 + 「動的スタイル変更」です.</p> <p>まとめると, ボタン・クリックで動的に文字を生成している.</p> </html>