用innerHTML往<tr>里加背景色
<tr><td>这里面是好几列动态显示内容</td></tr><tr><td>点击这里改变上面一整行的背景色</td></tr>怎么实现用innerHTML只往<tr>里...
<tr><td>这里面是好几列动态显示内容</td></tr>
<tr><td>点击这里改变上面一整行的背景色</td></tr>
怎么实现用innerHTML只往<tr>里回加bgcolor,而不是整个一行替换重写?或者用别的方法实现呢?
c618 谢了,不过,你没有理解我的意思.我的意思是往已有的<tr>尖括号里面加属性.比如加成<tr bgcolor=red>,而不是<tr><span>……</span></tr> 展开
<tr><td>点击这里改变上面一整行的背景色</td></tr>
怎么实现用innerHTML只往<tr>里回加bgcolor,而不是整个一行替换重写?或者用别的方法实现呢?
c618 谢了,不过,你没有理解我的意思.我的意思是往已有的<tr>尖括号里面加属性.比如加成<tr bgcolor=red>,而不是<tr><span>……</span></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");
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");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<table>
<tr id="dtlr"><td>这里面是好几列动态显示内容</td></tr>
<tr><td onclick="changBg('red')">点击这里改变上面一整行的背景色</td></tr>
</table>
<script>
function changBg(v){
//v是颜色值
document.getElementById("dtlr").style.background=v;
}
</script>
<tr id="dtlr"><td>这里面是好几列动态显示内容</td></tr>
<tr><td onclick="changBg('red')">点击这里改变上面一整行的背景色</td></tr>
</table>
<script>
function changBg(v){
//v是颜色值
document.getElementById("dtlr").style.background=v;
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
innerHtml的用法
<Script Runat="Server">
Sub Button_Click( s As Object, e As EventArgs )
entries.innerHtml = "<hr>" & username.Value & "<p>" & comments.Value &
entries.innerHTML
End Sub
</Script>
<html>
<head><title>Guestbook.aspx</title></head>
<body>
<form Runat="Server">
<b>Username:</b>
<br><input id="username" type="text" size="30" Runat="Server">
<p>
<b>Comments:</b>
<br><textarea id="comments" cols=60 rows=10 Runat="Server"></textarea>
<p>
<input type="submit" value="Add Comment"
OnServerClick="Button_Click" Runat="Server">
<span id="entries" Runat="Server" />
</form>
</body>
</html>
<Script Runat="Server">
Sub Button_Click( s As Object, e As EventArgs )
entries.innerHtml = "<hr>" & username.Value & "<p>" & comments.Value &
entries.innerHTML
End Sub
</Script>
<html>
<head><title>Guestbook.aspx</title></head>
<body>
<form Runat="Server">
<b>Username:</b>
<br><input id="username" type="text" size="30" Runat="Server">
<p>
<b>Comments:</b>
<br><textarea id="comments" cols=60 rows=10 Runat="Server"></textarea>
<p>
<input type="submit" value="Add Comment"
OnServerClick="Button_Click" Runat="Server">
<span id="entries" Runat="Server" />
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jsp去实现吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
