<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .cls { background-color: black; } </style> </head> <body> <input type="button" value="开/关灯" id="bt"/> <script src="common.js"></script> <script> my$("bt").onclick = function () { //获取body标签 document.body.className = document.body.className != "cls" ? "cls" : ""; }; </script> </body> </html>
JavaScript DOM操作案例点击按钮实现网页开关灯
猜你喜欢
转载自www.cnblogs.com/cuilichao/p/9344638.html
今日推荐
周排行