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";
}