表单选中变色,隔行有色

作者: 小7丁 | 来源:发表于2018-03-29 16:58 被阅读34次
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.haomeiwen.com/subject/eqbmcftx.html