手记

表单选中变色,隔行有色

image.png

  • row:行

  • tbody记得加上
    思想:把旧的颜色暂存。就不会使得变色时,旧颜色没了。

 var otb = document.getElementById('mytable') 

  var oldColor = ''
  for(var i=0; i<otb.tBodies[0].rows.length;i++){

    otb.tBodies[0].rows[i].onmouseover = function(){
      oldColor = this.style.background      this.style.background = 'yellow'
    }
    otb.tBodies[0].rows[i].onmouseout = function(){      this.style.background = oldColor
    }    if(i%2){
      otb.tBodies[0].rows[i].style.background='#ccc'
    }else{
      otb.tBodies[0].rows[i].style.background=''
    }
  }

         

             




作者:徐金俊
链接:https://www.jianshu.com/p/c806ccedaeb2


0人推荐
随时随地看视频
慕课网APP