javascript函数传参（点击变宽变高变绿）

我们在使用div更改宽高颜色的时候，里面往往会采用下面这种方式：
function toWidth()
{
var oDiv=document.getElementById(‘div1’);
oDiv.style.width=‘200px’;
}
function toHeight()
{
var oDiv=document.getElementById(‘div1’)；
oDiv.style.height=‘200px’；
function toGreen()
{
var oDiv=document.getElementById(‘div1’);
oDiv.style.background=‘green’;
}
但是，仔细一看，这三个函数是不是有些相似呢？为了避免我们的代码过于繁琐，下面我们将用另外一种方式 把这三个函数合并到一起，话不多说，我们先来看下面一段代码：

function setStyle(name.value)
{
var oDiv=document.getElementById(‘div1’);
oDiv.style[name]=value;
}
与第一种方式相比，代码是不是就没那么繁琐了呢？
最后总结一下这两种方式的特点，第一种方式比较常用，但是在对于要求比较多的情况下，建议采用第二种方式。还有就是第一种方式能够执行的，第二种方式都可以。而第二种方式能够实现的，第一种方式不一定可以。
附上我的总代码，仅供参考：