js通过className更改元素样式附带操作案例

JavaScript通过className更改元素样式附带操作案例代码：

1. <style>
   
2.         .zidiu1 {
   
3.             width: 200px;
   
4.             height: 200px;
   
5.             background-color: red;
   
6.         }
   
7.     </style>
   
8.     <div class="zidiu">自丢网www.zidiu.com</div>
   
9.     <script>
   
10.         var zidiu = document.querySelector('.zidiu');
    
11.         zidiu.onclick = function() {
    
12.             this.className = 'zidiu1';
    
13.         }
    
14.     </script>

复制代码

使用element.style 获得修改元素样式 如果样式比较少或者功能简单的情况下使用。