elem.style[attr]=value 点操作符和中括号操作符

var changeStyle=function(elem,attr,value){
	<span style="color:#ff0000;">elem.style[attr]=value</span>
};
window.οnlοad=function(){
	var oPut=document.getElementsByTagName("input");
	var oBtn=document.getElementsByTagName("button");
	var oDiv=document.getElementById("div1");
	oBtn[0].οnclick=function(){
		changeStyle(oDiv,oPut[0].value,oPut[1].value)
	};
	oBtn[1].οnclick=function(){
		oDiv.removeAttribute("style")
	};
}

第一个函数内部如果改成elem.style.name = value就不行 如下：

var obj = {
    name:"hello"
}
var a = "name";
console.log(obj.name);//hello
console.log(obj.a);//undefined
console.log(obj[a]);//hello
console.log(obj['a']);//undefined
console.log(obj['name']);//hello
console.log(obj[name]);//undefined

对于对象属性 点操作符是可以的 

中括号操作符在两种情况下都可以使用