新手推荐4种判断方式--两种样式相互切换

1.以现有条件判断：

var a=document.getElementById("btn-icon");

document.onload=function(){
    if(a.style.top=="50px"){
        alert("要改变的样式")
    }else{
        alert("原本的样式")
    }
};

 

2.给一个整数变量，根据数字的奇偶加入不同的样式；

var count=0;
document.onload=function() {
    count++;
    if(count%2==0){
        alert("要改变的样式");
    }else{
        alert("原本的样式");
    }
};

 

3.用true/false的状态判断：

var state=true;
document.onload=function() {
  if(state==true){
      alert("要改变的样式");
      state=false;
  }else{
      alert("原本的样式");
　　　　state=true;
  }  
};

 

4.true/false的简写方法（让变量始终等于非我）；

var state;
document.onload=function() {
state = ！state
  if(state){
      alert("要改变的样式");
  }else{
      alert("原本的样式");
  }  
};