var changeStyle=function(elem,attr,value){
elem.style[attr]= value
};//这里是函数表达式
window.οnlοad=function(){
var oBtn=document.getElementsByTagName("input");
var oDiv=document.getElementById("div1");
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].οnclick=function(){
this.index==oBtn.length-1&&(oDiv.style.cssText="");//我不知道这里是怎么回事?
changeStyle(oDiv,oAtt[this.index],oVal[this.index])
}
}
};
------解决思路----------------------
如果
this.index == oBtn.length - 1
就执行
oDiv.style.cssText = ""
------解决思路----------------------
我作補充:
this.index == oBtn.length - 1 && (oDiv.style.cssText = "");
是一種代替if 的寫法
邏輯同等於
if( this.index == oBtn.length - 1 ){
oDiv.style.cssText = "";
}