結果を表示する
元にもどす
◀︎
▶︎
<html lang="ja"><meta charset="utf-8"> <button onclick="ぼたん()">ボタン</button> <p id="もじ">文字</p> <script> function ぼたん() {document.getElementById("もじ"); もじ.style.fontSize="40px"; もじ.style.color="red";} </script> <p style="margin:40px;font-size:1.2em;color:#456789;">----- この記述は「動的生成」ですか？ -----</p> <p>答: この記述は JavaScriptによる「動的スタイル変更」です.</p> <p>ボタン・クリックでスタイルを動的に変更している.</p> </html>