点击高亮显示表格当前行

<textarea cols="50" rows="15" name="code" class="javascript"> function inevent() { var address = document.getElementById("address"); var trs = address.getElementsByTagName("tr"); for (var i = 0; i &lt; trs.length; i++) { var tr = trs[i]; tr.onclick = trclick; //tr.onclick = function () { this.style.background = "red"; } } } function trclick() { var address = document.getElementById("address"); var trs = address.getElementsByTagName("tr"); for (var i = 0; i &lt; trs.length; i++) { var tr = trs[i]; if (tr == this) { this.style.background = "red"; } else { tr.style.background = "white"; } } } </textarea>

 

网页内容:

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;body onload="inevent()"&gt; &lt;table id="address" cellspacing="1" border="1"&gt; &lt;tr&gt;&lt;td&gt;序号&lt;/td&gt;&lt;td&gt;网名&lt;/td&gt;&lt;td&gt;地址&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;百度&lt;/td&gt;&lt;td&gt;www.baidu.com&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;新浪&lt;/td&gt;&lt;td&gt;www.sina.com&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;搜狐&lt;/td&gt;&lt;td&gt;www.sohu.com&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;网易&lt;/td&gt;&lt;td&gt;www.163.com&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;谷歌&lt;/td&gt;&lt;td&gt;www.google.com&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; </textarea>

你可能感兴趣的:(点击高亮显示表格当前行)