通过js实现表格隔行变色，基数行是颜色1，偶数行是颜色2，当鼠标经过某一行时，该行颜色为颜色3。

最新推荐文章于 2022-11-09 11:37:42 发布

laity01

最新推荐文章于 2022-11-09 11:37:42 发布

阅读量1.1k

点赞数 1

分类专栏：练习文章标签： javascript

本文链接：https://blog.csdn.net/m0_57675124/article/details/117360326

版权

本文介绍了如何使用JavaScript实现HTML表格中奇偶行交替显示不同颜色的效果，并在鼠标悬停时改变行的颜色。通过动态添加和修改CSS类，可以轻松达到视觉上的区分和交互反馈。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" width="400px">
			<thead>
				<tr style="background-color: chocolate;">
					<td>姓名</td>
					<td>第一季度</td>
					<td>第二季度</td>
					<td>第三季度</td>
					<td>第四季度</td>
				</tr>
			</thead>
			<tbody id="tb">
				<tr>
					<td>宋江</td>
					<td>189</td>
					<td>416</td>
					<td>181</td>
					<td>385</td>
				</tr>
				<tr>
					<td>卢俊义</td>
					<td>338</td>
					<td>407</td>
					<td>252</td>
					<td>417</td>
				</tr>
				<tr>
					<td>吴用</td>