鼠标点击表格行背景变色

最新推荐文章于 2022-02-25 14:46:35 发布

转载最新推荐文章于 2022-02-25 14:46:35 发布 · 1k 阅读

文章标签：

#table #function #javascript #border #html

本文介绍了一种使用JavaScript实现的鼠标点击HTML表格行时背景颜色变化的方法。通过定义不同的CSS类来改变选中行的颜色，并利用JavaScript监听点击事件来切换这些样式。此功能增强了用户体验并使表格交互更加直观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<HTML>
<HEAD><TITLE>鼠标点击表格行背景变色</TITLE>
<style>
.MouseOverClick   {background-color:   #D9EFFD}
.MouseOutWhite     {background-color:   #FFFFFF}
</style>
<script   language="JavaScript"></script>
</HEAD>
<BODY>
<table   width=397 height="231"   border=1   id=table1>
<tr><td width="173">a</td>
<td width="208">a</td>
</tr>
<tr><td>b</td><td>b</td></tr>
<tr><td>c</td><td>c</td></tr>
<tr><td>d</td><td>d</td></tr>
</table>
</BODY>
</HTML>