結果を表示する
元にもどす
◀︎
▶︎
<html lang="ja"><meta charset="utf-8"> <button id="くりっく">ボタン</button> <p>コメント:</p> <iframe id="ふれーむ"style="border:1px solid black;"></iframe> <script> document.getElementById("くりっく").addEventListener("click",function() {let 文字=document.getElementById("ふれーむ").contentDocument; 文字.open(); 文字.write('<span style="color:red;font-size:1.4em;">動的に生成された文字とスタイル</span>'); 文字.close();}); </script> <p style="margin:40px;font-size:1.2em;color:#456789;">----- この記述は「動的生成」ですか？ -----</p> <p>答: この記述は JavaScript の「動的生成」です.</p> <p>まとめると, ボタン・クリックで動的に文字を生成( + スタイル変更)している.</p> </html>