htmlで画面上でcssのオンオフを切り替えるボタンを作ることは可能でしょうか?
htmlで画面上でcssのオンオフを切り替えるボタンを作ることは可能でしょうか? また可能ならどのようにすれば良いでしょうか?
HTML、CSS・19閲覧
ベストアンサー
nat********さん >・・・画面上でcssのオンオフを切り替えるボタンを作る・・・・・・・ ご参考に↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> .apple { color: red; font-size:3em; } </style> </head> <body> <button onclick="action();">css変更</button> <div id="target">ここの css を変更</div> <script> function action() { var target = document.getElementById('target'); target.classList.toggle('apple'); } </script> </body> </html>
質問者からのお礼コメント
ありがとうございます!
お礼日時:6/26 10:36