关于JavaScript一键修改背景颜色

最新推荐文章于 2023-10-04 02:10:26 发布

chesong4643

最新推荐文章于 2023-10-04 02:10:26 发布

阅读量521

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3820372/blog/1824057

版权

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style type="text/css">
div{}
</style>
<style type="text/css" src="1.css"></style>
   <script type="text/javascript">
function changeColor(){
   var sheet=document.styleSheets[0];
   if(sheet.cssRules!=undefined)//w3c
{
       sheet.deleteRule(0);
sheet.insertRule("body{background-color:pink}");
}
else{
       sheet.removeRule(0);
sheet.addRule("body","background-color:pink",0);
   }

   alert('修改成功！');
}
   </script>
</head>
<body>
<div>
   <input type="button" value="修改背景颜色" οnclick="changeColor()">
</div>
</body>
</html>
</head>
<body>

</body>
</html>