表格行变色

body内容：

 

CSS样式：

 JavaScript内容：

 

 <script>

        //获取tbody对象所有行元素

        var tt=document.querySelector("tbody").querySelectorAll("tr");

        // console.log(tt);

        for(var i=0;i<tt.length;i++){

            //绑定鼠标经过事件onmouseover

            tt[i].οnmοuseοver=function(){

                //将pk样式赋值给当前鼠标经过的样式

                this.className='pk';

            }

            //绑定鼠标划出事件onmouseout

            tt[i].οnmοuseοut=function(){

                this.className='';

            }

        }

    </script>

效果图：