重要的几个点：
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')"；
问题：
后面的一种方法中重置的这个功能没实现怎么做。
