javascript实现table选中的行以指定颜色高亮显示的方法
本文实例讲述了javascript实现table选中的行以指定颜色高亮显示的方法。分享给大家供大家参考。具体实现方法如下：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>table选中的行以指定颜色高亮显示</title> <script type="text/javascript"> function IniEvent() { var tbl = document.getElementById("tblMain"); var trs = tbl.getElementsByTagName("tr"); for (var i = 0; i < trs.length; i++) { trs[i].onclick = TrOnClick; } } function TrOnClick() { var tbl = document.getElementById("tblMain"); var trs = tbl.getElementsByTagName("tr"); for (var i = 0; i < trs.length; i++) { if (trs[i] == this) { //判断是不是当前选择的行 trs[i].style.background = "yellow"; } else { trs[i].style.background = "white"; } } } </script> </head> <body onload="IniEvent()"> <table id="tblMain" border="1"> <tr> <td>1</td> <td>三星</td> <td>AA</td> </tr> <tr> <td>2</td> <td>Norkia</td> <td>BB</td> </tr> <tr> <td>3</td> <td>苹果</td> <td>CC</td> </tr> <tr> <td>4</td> <td>联想</td> <td>DD</td> </tr> </table> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍jQuery实现高亮显示的方法，包括了jQuery实现高亮显示的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现高亮显示的方法。分享给大家供大家参考。具体如下： 主要功能代码如下： 使用时设置on的css高亮部分样式即可。 希望本文所述对大家的jQuery程序设计有所帮助。
-
在我的应用程序中，我有一个HTMLEditor，我想突出显示空白，以向用户显示我的编辑器在哪里插入了空白。在Swing中，这很容易，但我不知道如何使用JavaFX实现。我知道在JavaFX中的一般样式文本中已经有一个关于样式文本的问题了？但在这里，我对空白特别感兴趣。有什么建议吗？ 非常感谢
-
本文向大家介绍Element Table的row-class-name无效与动态高亮显示选中行背景色，包括了Element Table的row-class-name无效与动态高亮显示选中行背景色的使用技巧和注意事项，需要的朋友参考一下 Element UI 的Table组件踩坑记： （1）参数row-class-name无效的坑：官方文档给出了如下代码： 但是我使用后并没有出现预初想要第一行高
-
本文向大家介绍JavaScript实现的搜索及高亮显示功能示例，包括了JavaScript实现的搜索及高亮显示功能示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript实现的搜索及高亮显示功能。分享给大家供大家参考，具体如下： 情景: 用来筛选列表中的数据, 由于单条数据很简短, 没有用php+mysql去实现筛选功能, 只用javascript进行筛选, 匹配的高亮,
-
我在专业版的PyCharm中使用sekizai来控制我的JavaScript代码在页面中的呈现位置。 在我的django模板代码中，这意味着我的JavaScript没有包含在通常的
-
我在Word文档中突出显示了段落，我必须从每个段落的第3到第5个字符中删除突出显示。 通过搜索集合r=ActiveDocument中突出显示的范围。在VBA中，可以完美地找到文本段。 错误出现在。 编译错误：参数数量错误或无效的属性分配。 danI如何在范围内正确指定第3到第5个字符的子范围？谢谢你的帮助。