第六节 JavaScript中括号操作属性 

 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>

 

posted @ 2020-03-14 16:44  kog_maw  阅读(140)  评论(0)    收藏  举报