天天看点

点击div切换颜色;

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

继续阅读