elem.style[attr]=value点オペレータと中括弧オペレータ

var changeStyle=function(elem,attr,value){
	elem.style[attr]=value
};
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")
	};
}

1番目の関数の内部を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

オブジェクト属性点オペレータについて
中かっこオペレータは両方の場合に使用できます.