tr背景色
⑴ CSS中表格第一行設置顏色 </tr>
第一行使用th來寫，也可以隔行設置相同類名
⑵ 如何設置特定table中的tr的背景色
一個頁面中有兩個table,我想設置table1的tr的背景色是yellow。而table1中的不設置。下面的代碼會將兩個table的tr全部設置,如下,如何修改只設置tab
⑶ JS控制table特定tr的背景顏色
代碼如下：
<script>
//js放到table下，才能檢測到tr數組
var trs = document.getElementById("tableBox").getElementsByTagName("tr");
var trs=document.getElementById("tableBox").getElementsByTagName("tr");
$(function(){
for(var i=0;i<trs.length;i++){
trs[i].onmousedown = function(){
mousedownclick(this);
}
}
});
function mousedownclick(obj){
for(var j=0;j<trs.length;j++){
if(trs[j]==obj){
trs[j].style.background='blue';
}else{
trs[j].style.background='';
}
}
}
</script>
(3)tr背景色擴展閱讀
js操作table的各種用法：
(1)得到table 中tbody 的內容 ：$('#simple-table').find('tbody').html();
(2)點擊td時，獲取點擊的行號：
$('#simple-table tbody').on( 'click', 'td', function (e) {
normalRowIndex = $(this).parent().index(); //行號
console.log("正常工作錶行："+normalRowIndex);
});
(3)為table追加一行：
function addNormalTR(){
$('#simple-table').find('tbody').append(trtd); //tdtd為拼接的trtd 的html內容。
}
(4) 點擊td中的元素獲取，當前行號： obj.parentNode.parentNode.rowIndex;//obj 為元素對象
⑷ table tr設置background-color 無效 css朋友幫忙看下
應該是被其他的背景覆蓋了。
我們一般不支持給tr設置背景，很容易被td的背景覆蓋，而且td不會繼承tr的背景色，只有td的背景是透明的情況下，才會看到tr的背景色。
曾經做過測試發現，如果將一張圖片設置為tr的背景（未平鋪只顯示一張，靠左），實際顯示卻是每個td中都有一張背景圖。
⑸ jquery改變tr背景色的代碼
本篇文章主要是對jquery改變tr背景色的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
id為tr的ID
設置當前選擇行背景色，同時置其他行背景為另一種顏色
代碼如下:
$('#id').css("background-color",
"#e5e5e5").siblings().css("background-color",
"#FFFFFF");
⑹ 如何用js更改tr的背景顏色 新手求助
有個1個table，裡面有11個tr，
除了第一個tr里是只有一個td （一個 button ， onclick = "erase()")
剩下的tr中都是10個td，
每當按下erase的時候，要將非第一個tr中的所有cell背景設置成白色。
請問如何寫erase（） 這個方法
⑺ 用innerHTML往<tr>里加背景色
有兩種方法，經過我仔細整理，貢獻給你，第一：直接用CSS：
javaScript可以通過CSS樣式間接改變<td>背景顏色:
1。<td>必須有id號 即<td id="td1">。( 方便javaScript調用 document.getElementById("td1"))
2。CSS樣式中背景顏色background-color,顏色格式#rrggbb,rgb(rr,gg,bb)(javaScript背景顏色backgroundColor)
範例html文件代碼:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 改變表格顏色</title>
</head>
<body>
<table width="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td id="td1" bgcolor="#000000"> </td><!--設置黑色的(實際為紅色)-->
<td bgcolor="#000000"> </td>
</tr>
</table>
</body>
<script language="javascript" type="text/javascript">
<!--
document.getElementById("td1").style.backgroundColor="#FF0000";
//引用了td1單元格,改變backgroundColor值
-->
</script>
</html>
第二：用DOM節點
用javascript 能得到td 裡面的背景顏色/圖片
<td id="cell" align="center" background="Images/respon_tframe_m.gif"><a href="#" class="style28" onclick="">工作程序</a></td>
<script language=javascript>
function getAttribute(ctrId, attributeName) {
var c = document.all(ctrId);
return c.getAttribute(attributeName);
}
alert( getAttribute("cell", "background") );
</script>
function setAttribute(ctrId, attributeName, attributeValue) {
var c = document.all(ctrId);
return c.setAttribute(attributeName, attributeValue, 0);
}
setAttribute("cell", "background", "Images/respon_tframe_m.gif");
⑻ 如何動態的改變Html中tr行的背景顏色
<script>
function cc(a){
a.style.backgroundColor= "red "
}
</script>
</HEAD>
<BODY>
<TABLE id= "table1 " border= "1 ">
<TR onclick= "cc(this) ">
<TD> aaaa </TD>
<TD> <a href= "# " > 111111 </a> </TD>
</TR>
<TR onclick= "cc(this) ">
<TD> bbbbb </TD>
<TD> <a href= "# " onclick= "InsertRow(); "> 22222 </a> </TD>
</TR>
<TR onclick= "cc(this) ">
<TD> ccccc </TD>
<TD> <a href= "# " onclick= "InsertRow(); "> 33333 </a> </TD>
</TR>
<TR onclick= "cc(this) ">
<TD> dddddd </TD>
<TD> <a href= "# " onclick= "InsertRow(); "> 444444 </a> </TD>
</TR>
</TABLE>
⑼ 使用jquery改變tr的背景色，有錯。求幫助
$("#taobaolist tr").live("mouseover", function () {
alert("22");
$(this).css({"background-color":red});
});
css是jQuery對象的方法，不是javascript原生dom對象的方法，不能用this直接使用，需要包裝成版jQuery對象。
上面同學的方案會將權同組下所有的tr都變色。
⑽ 表格中的第一個tr背景顏色漸變
ie不支持漸變 要用圖片做背景漸變