1.1 用js控制div

重要的几个点：

var changeStyle = function (elem, attr, value)

{elem.style[attr] = value};

window.onload是一个事件，当文档加载完成之后就会触发该事件，可以为此事件注册事件处理函数，并将要执行的脚本代码放在事件处理函数中，于是就可以避免获取不到对象的情况.

window.onload = function ()

{

var oBtn = document.getElementsByTagName("input");

var oDiv = document.getElementById("box");

var oAtt = ["width","height","background","display","display"];

var oVal = ["200px","200px","red","none","block"];

for (var i = 0; i < oBtn.length; i++)

{

oBtn[i].index = i;

oBtn[i].onclick = function ()

{

this.index == oBtn.length - 1 && (oDiv.style.cssText = "");

changeStyle(oDiv, oAtt[this.index], oVal[this.index])

}

}

};

也可以按照

function setStyle(name,value){

var oDiv=document.getElementById('box');

oDiv.style[name]=value;

}

在input中添加：

onclick="setStyle('width','500px')"；

问题：

后面的一种方法中重置的这个功能没实现怎么做。