点击div切换颜色;

来源:互联网 发布:淘宝退货率在哪里查 编辑:程序博客网 时间:2024/04/28 11:17
html元素:<div style="width: 100px;height: 100px;background: red;margin: 0 auto;" id="box"></div>第一种方法:(用if...else...)
function fn(obj){
    obj.onclick function(){         if(obj.style.background == "red"){             obj.style.background "green";         }else{             obj.style.background "red";         }    } } var oDiv document.getElementById("box");
 fn(oDiv)
第二种方法:(三元运算)//三元运算   var oDiv document.getElementById("box");   oDiv.onclick function(){       oDiv.style.background == "red"?oDiv.style.background "green":oDiv.style.background "red";   }
原创粉丝点击