如何使用javascript设置备用行背景颜色

【问题标题】：How to set alternate row background color using javascript如何使用javascript设置备用行背景颜色
【发布时间】：2013-07-23 09:45:52
【问题描述】：

我是 ASP.Net 的新手。我想使用 javascript 设置 HTML 表格交替行背景颜色。我该如何开始。如果我这样做，

<tr  id="230552" onClick="HighLightTR(230552);"><td>My Text Here</td></tr>  


   function HighLightTR (grpid) {  
   document.getElementById(grpid).style.background = '#3875D7';         
}

它只适用于那个 perticuler 行。我想为交替行应用两种颜色。

【问题讨论】：

你想只在点击的时候改变颜色吗？
你是动态生成tr吗？
你可以毫不费力地使用 CSS 做到这一点。
我正在源代码中创建 HTNL 表。我想在页面加载时设置颜色

标签： javascript background-color alternate

【解决方案1】：

你可以这样做

var rowCount=0;
$('#tbl tr').each(function () {  

 if(rowCount%2==0){
  //document.getElementById(grpid).style.background = '#3875D7';  
  $(this).css(background,'#3875D7');       
 }else
 {
 //document.getElementById(grpid).style.background = '#3875D9';  
 $(this).css(background,'#3875D9');              
 }
 rowCount++;

});

已编辑： 代码已转换为纯 jQuery 标准

快乐编码:)

【讨论】：

dotnetlearners.com/javascript/… in JavaScript
如果我想要一列红色，两列蓝色，一列红色，两列蓝色，等等怎么办？你能帮我解决这个问题吗？
这很容易将背景颜色应用到td 而不是tr。由于您需要为不同的颜色添加不同的颜色，请使用类选择器并编写一个 CSS 类来应用相应的颜色。你不需要 jquery 来做这个