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

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

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

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

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

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