1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <script type="text/javascript">
7 window.onload = function(){
8 var oDiv = document.getElementById('div1');
9 var sMystyle = 'color';
10 var sValue = 'red';
11 // oDiv.style.sMystyle = sValue; 这是错误的写法，用.不能改写内置的属性名称，中括号可以
12 // oDiv.style.color = sValue;
13 // 属性用变量来替代需要用中括号来操作
14 oDiv.style[sMystyle] = sValue;
15 alert(sValue)
16
17 }
18 </script>
19 </head>
20 <body>
21 <!-- div.#div1 -->
22 <div class="" id="div1">这是一个div属性</div>
23 </body>
24 </html>
