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>