js中允许把 ‘ . ’替换成 ' [] ';
// . 后面的值无法修改
// [] 里面的值可以随便写,['字符串']
// oDiv.style['width'] == oDiv.style.width
// oDiv.style.oAttr.value 错误
写一个小例子理解一下
运行截图：输入css属性和值，改变css的样式
<style>
div{width:100px;height:100px;border:1px solid #000;}
</style>
<script>
window.onload = function(){
var oAttr = document.getElementById("attr");
var oVal = document.getElementById("val");
var oBtn = document.getElementById("btn1");
var oDiv = document.getElementById("div1");
oBtn.onclick = function(){
oAttr.value;
oVal.value;
oDiv.style[oAttr.value] = oVal.value;
};
};
</script>
<body>
属性名称：<input type="text" id="attr" /><br />
属性值：<input type="text" id="val" />
<input type="button" id="btn1" value="确定" />
<div id="div1"></div>
</body>