js利用DOM操作元素之修改样式属性style宽度和背景色案例

js利用DOM操作元素之修改样式属性style宽度和背景色案例代码如下：

1.     <style>
   
2.         #zidiu {
   
3.             width: 200px;
   
4.             height: 200px;
   
5.             background-color: pink;
   
6.         }
   
7.     </style>
   
8.     <div id="zidiu"></div>
   
9.     <script>
   
10.         var zidiu = document.querySelector('#zidiu');
    
11.         zidiu.onclick = function() {
    
12.             this.style.backgroundColor = 'red';
    
13.             this.style.width = '400px';
    
14.         }
    
15.     </script>

复制代码

this.style.backgroundColor 这里一定要注意大小写，驼峰命名法。