css样式在table中点击一行中的某一列，改变该列以前所有列的颜色

最新推荐文章于 2023-01-31 11:56:13 发布

宵蓝

最新推荐文章于 2023-01-31 11:56:13 发布

阅读量534

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/limeteor/archive/2009/03/23/1419905.html

版权

本文介绍了一种使用JavaScript实现的HTML表格点击高亮效果的方法。当点击表格中的单元格时，该单元格及其左侧的所有单元格背景颜色将变为红色，其余单元格保持白色。此效果适用于需要对表格数据进行视觉区分的应用场景。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>作者:limeteor</TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

<TABLE border="1">
<TR>
<TD width=80 οnclick="aaa(this)">a</td>
<TD width=80 οnclick="aaa(this)">b</td>
<TD width=80 οnclick="aaa(this)">c</td>
<TD width=80 οnclick="aaa(this)">d</td>
</tr>
</TABLE>
<TABLE border="1">
<TR>
<TD width=80 οnclick="aaa(this)">a</td>
<TD width=80 οnclick="aaa(this)">b</td>
<TD width=80 οnclick="aaa(this)">c</td>
<TD width=80 οnclick="aaa(this)">d</td>
</tr>
</TABLE>
<TABLE border="1">
<TR>
<TD width=80 οnclick="aaa(this)">a</td>
<TD width=80 οnclick="aaa(this)">b</td>
<TD width=80 οnclick="aaa(this)">c</td>
<TD width=80 οnclick="aaa(this)">d</td>
</tr>
</TABLE>
</BODY>
</HTML>

运行后的样式为: