如何使用javascript設置備用行背景顏色

我是ASP.Net的新手。我想用javascript設置HTML表格的交替行背景顏色。我如何開始吧。如果我做這樣的，如何使用javascript設置備用行背景顏色

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


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

將僅適用於該perticuler行。我想爲交替行應用兩種顏色。

來源

2013-07-23 I am

你想只改變顏色，當你點擊它？ –

是你生成tr動態？ – iJade

你可以毫不費力地使用CSS來做到這一點。 – mohkhan

你能做到這樣

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的標準

編碼快樂:)

來源

2013-07-23 09:51:05 dreamweiver

http://www.dotnetlearners.com/javascript/set%20table%20alternative%20row%20background%20colour%20using%20javascript.aspx in Javascript –

如果我想要一列a紅色，兩列藍色，一列紅色，兩列藍色，等等？你能幫我解決這個問題嗎？ – Ionut

這很容易將背景色應用於'td'而不是'tr'。由於您需要爲不同的顏色添加不同的顏色，因此請使用類選擇器並寫入CSS類以應用各自的顏色。你不需要jquery – dreamweiver

如何使用javascript設置備用行背景顏色

回答

相關問題