JS中用style.和style[]有什么区别，不是用.style来获取或者设置css吗，为什么没有

Question

我开始是这么写的：

这样弹出来的是undifend,但是用[]写，就可以了：

难道不就是应该用obj.style.name这样.出来吗？而且JS里[]可以代替js里面所有的. 例：alert(json["a"])与alert(json.a)一样

我直接这样就能获取行内样式了：

var oDiv = document.getElementById("div1").style.width;

alert(oDiv);

但是这种获取改成[]又不行了，说我没有定义width：

var oDiv = document.getElementById("div1").style[width];

alert(oDiv);

为什么上面这两种写法，得到的效果还不一样？有的还一定要用[]才行？

感觉脑子突然短路了..