重要的幾個點:
var changeStyle = function (elem, attr, value)
{elem.style[attr] = value};
window.onload是一個事件崭歧,當文檔加載完成之后就會觸發(fā)該事件隅很,可以為此事件注冊事件處理函數(shù),并將要執(zhí)行的腳本代碼放在事件處理函數(shù)中率碾,于是就可以避免獲取不到對象的情況.
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')"叔营;
問題:
后面的一種方法中重置的這個功能沒實現(xiàn)怎么做屋彪。