var oDiv1 = document.getElementById('div1');
var oBtn1 = document.getElementById('btn1');
var oBtn2 = document.getElementById('btn2');

oBtn1.onmouseover = function()
{
changeAttr(oDiv1,'background','green');
}
oBtn1.onmouseout = function()
{
changeAttr(oDiv1,'background','blue');
}
oBtn2.onmouseover = function()
{
changeAttr(oDiv1,'width','300px');
changeAttr(oDiv1,'height','300px');
}
oBtn2.onmouseout = function ()
{
changeAttr(oDiv1, 'width', '100px');
changeAttr(oDiv1, 'height', '100px');
}

function changeAttr(obj,attr,val)
{
return obj.style[attr] = val;
}
JS 里面但凡用 . 的地方，都可以用[ ]代替. 但是在直接使用的时候要加上'',比如oDiv.style--> oDiv['style']， 而上面的attr是直接引用，所以不需要