<html lang="ja"> <meta charset="utf-8"> <style> XXX{color:red;} YYY{color:green;font-weight:bold;background-color:#ffff00;font-size:24px;} ZZZ{color:blue;text-shadow:4px 4px 8px #456789;} XYZ{display:block;color:#007f6f;font-size:30px;} </style> <XXX>ありえない</XXX> <YYY>ありえない</YYY> <ZZZ>ありえない</ZZZ> <hr> <input type="button"value="ボタン"id="目印"> <script> function ぼたん() {もじ=document.createElement("XYZ"); もじ.id = "もじ"; もじ.textContent = "JavaScript"; document.body.appendChild(もじ);} くりっく = document.getElementById("目印"); くりっく.addEventListener("click", ぼたん); </script> </html>