继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

表单选中变色,隔行有色

倚天杖
关注TA
已关注
手记 182
粉丝 46
获赞 185

webp

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


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP