如何用JavaScript实现表格隔行变色效果？

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

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

简化改写为：本文提供JS实现表格隔行变色代码示例，供参考。核心代码如下：鼠标悬停+onmouseover；鼠标移出+onmouseout；鼠标悬停于行+变色。

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

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

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

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

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

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