动态更改TABLE里的内容

ma2jiajia 2010-06-16 02:59:53
<html>
<head>
<title>Test</title>
<style type = "text/css">
<!--
table{ border: none;border-collapse:collapse; border-spacing:0; font-size: 12px; color: #091F53;font-family:Arial;}
th{ background: #86B9E4; height: 26px; line-height: 26px; border: solid #C6D5E1; border-width: 1px 1px 0px 1px;}
tr{ border: 1px solid #C6D5E1; height:20px; line-height: 20px; padding-left: 5px; }
td{ border: 1px solid #C6D5E1; height:20px; line-height: 20px; padding-left: 5px; padding-right:5px; text-align:right; }
-->
</style>
</head>
<body>
<table id="dd">
<tr>
<th>ID</th>
<th>NAME</th>
<th>SEX</th>
</tr>
<tfoot>
<tr>
<td>1</td>
<td>bb</td>
<td>girl</td>
</tr>
</tfoot>
</table>
<div id="kk" style="display:none;">
<tr>
<td>1</td>
<td>jam</td>
<td>boy</td>
</tr>
<tr>
<td>2</td>
<td>kim</td>
<td>boy</td>
</tr>
</div>
</body>
<script type="text/javascript" language="javascript">
var d = document.getElementById('dd');
var k = document.getElementById('kk');
alert(d.tFoot.innerHTML);
alert(k.innerHTML);
d.tFoot.innerHTML = k.innerHTML;
</script>
</html>

IE8下提示未知的运行时错误
我想要实现的就是在TABLE中预留一个DIV或者说一可位置,通过点击按钮后在该块区域显示不同的内容,这些内容都是用DIV的display属性设置为隐藏的
...全文
88 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
ma2jiajia 2010-06-19
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 headsen 的回复:]
tr上一级必须是table

你的disPlay属性可以绑定在tr上,没必要再在外面搞个DIV
[/Quote]
那如果要替换N行,那不就得每个TR都设置一次...
hibin101 2010-06-16
  • 打赏
  • 举报
回复
没看见你的按钮哦
Headsen 2010-06-16
  • 打赏
  • 举报
回复
tr上一级必须是table

你的disPlay属性可以绑定在tr上,没必要再在外面搞个DIV
xk1126 2010-06-16
  • 打赏
  • 举报
回复
<tfoot>
只能放到td里
这句换成<div id="kk" style="display:none;">
<tr>
<td>1</td>
<td>jam</td>
<td>boy</td>
</tr>
<tr>
<td>2</td>
<td>kim</td>
<td>boy</td>
</tr>
</div>

<div id="kk" style="display:none;">
<table>
<tr>
<td>1</td>
<td>jam</td>
<td>boy</td>
</tr>
<tr>
<td>2</td>
<td>kim</td>
<td>boy</td>
</tr>
</table>
</div>

xk1126 2010-06-16
  • 打赏
  • 举报
回复
我不清楚你问的问题,但我看你的代码都错了!~
ma2jiajia 2010-06-16
  • 打赏
  • 举报
回复
我试过把TABLE里的tfoot换成DIV,虽然替换了内容,但是却没有了TR、TD本来该有的样式,而且位置也变成在TH上面...

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧