怎么用JavaScript修改已经确定好的css样式

待我称王封你为后i 2022-06-07 22:42 239阅读 0赞 
  1. css代码： .d{
  2.     width: 200px;
  3.     background-color: red;
  4. }
  6. js&html代码：
  8. <head>
  9.     <meta charset="UTF-8">
  10.     <title>动态样式</title>
  11.     <link rel="stylesheet" href="css/demo2.css">
  12.     <script>
  13.         function change(){
  14.             var ost = document.styleSheets[0];//访问第一个css样式表 var orule = ost.rules[0];  //选择第几个新选择器 orule.style.backgroundColor="pink";
  15.             orule.style.width = "500px";
  17.         }
  18.     </script>
  19. </head>
  20. <body>
  21. <div class="d">变颜色</div>
  22. <a href="#" οnclick="change()">改变背景颜色</a>
  23. </body>
  25. 主要运用：
  27. .styleSheets []
  29. .rules[]
  31. 有的时候rules[]会报错，可以改成cssRules[]试一下

发表评论

表情：
评论列表 （有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读