JS-点和中括号

今天上午做一个很low的小练习，代码写完了想要封装重复利用来着

可是憋屈啊，怎么都不对，在document.style.width这里，想把width变成参数可是用点的话，会报错说找不到点后边这个属性

也是啊，点就是“的”的意思，点后边放一个abc代替，他当然会认为你要找style里边的abc属性啊。不妥，固不可、

听视频听到方括号这里，廓然打通了我的任督二脉，恍然大悟

可以用方括号代替啊！

其实这个用法还是很常见的，像dom二级事件里就要用到。

估计以后用方括号代替点来解决bug的时候还是很多的，虽然以前学到过，今天用到了就忘得一干二净到处抓狂

得get下来，留白、占位。

“原”代码：

 1 //change 封装到我实在无能为力的精简版
 2     function widthFun(a,c){
 3         a.onclick = function(){
 4             beSet.style.width = c+"px";
 5             this.className = "mwjs-1-seting-cur";
 6         }
 7     }
 8     widthFun(w200,200);
 9     widthFun(w300,300);
10     widthFun(w500,500);
11     function heightFun(a,c){
12         a.onclick = function(){
13             beSet.style.height = c+"px";
14             this.className = "mwjs-1-seting-cur";
15         }
16     }
17     heightFun(h200,200);
18     heightFun(h300,300);
19     heightFun(h500,500);
20     function borFun(a,c){
21         a.onclick = function(){
22             beSet.style.borderWidth = c+"px";
23             this.className = "mwjs-1-seting-cur";
24         }
25     }
26     borFun(bor4,2);
27     borFun(bor6,6);
28     borFun(bor8,8);
29     function bgFun(a,c){
30         a.onclick = function(){
31             beSet.style.backgroundColor = c;
32             this.className = "mwjs-1-seting-cur";
33         }
34     }
35     bgFun(bgRed,"red");
36     bgFun(bgYellow,"yellow");
37     bgFun(bgBlue,"blue");

原js代码