如何用JavaScript实现表格隔行变色功能？

本文共计885个文字，预计阅读时间需要4分钟。

原文示例为：本文字例为大家庭分享了JS实现表格隔行变色的具体代码，供大家参考。具体内容如下：+ 用到的鼠标事件：+ （1）鼠标经过 onmouseover；+ （2）鼠标离开 onmouseout核心思路：+ 鼠标经过 tr 行的时

本文实例为大家分享了JS实现表格隔行变色的具体代码，供大家参考，具体内容如下

用到的鼠标事件：（1）鼠标经过 onmouseover；（2）鼠标离开 onmouseout

核心思路：鼠标经过 tr 行的时候，当前行会改变背景颜色，鼠标离开的时候去掉背景颜色。

注意：第一行（thead 里面的行）不需要变换颜色，改变的是 tbody 里面的行。

1、获取元素，获取的是 tbody里面的行。

2、循环注册绑定事件，将 tbody 里面全部的行都得到，然后全部都注册鼠标经过和离开事件。