表格 隔行换色效果（js）

当我们鼠标滑过表格的时候，表格里面的行会发生颜色的变化 

先设置html 和css样式（这里就不展示了）

我们先获取tbody里面的所有的tr对象

var tr = document.querySelector('tbody').querySelectorAll('tr')

然后利用循环获取到每一个rt对象  

.bg{
            background: pink;
        }

for (var i = 0; i <= tr.length; i++) {         //循环获取每一个tr对象
            tr[i].onmouseover = function(){      //创建鼠标滑过
                console.log(1);    
                this.className='bg'                //当鼠标滑过 给tr设置class名 设为bg
            }
            tr[i].onmouseout = function(){          //设置鼠标离开事件
                this.className=''                    //当鼠标离开，清除tr的样式
            }        
 }