新手推荐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("原本的样式");
  }  
};


原文地址:https://www.cnblogs.com/vonson/p/4950036.html