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不支持渐变 要用图片做背景渐变