Question

javascript动态修改tr属性的问题。

首先，table中有如下tr：

<tr id="detail">
<td>2013/06/02</td><td>20:00:00</td>
</tr>
在某个按钮的触发函数中，调用如下方法想动态增加一行：
new Insertion.Bottom(“detail”, "</tr><tr><td>2013/06/03</td><td>21:00:00</td>");
发现不行。后来改成
<tbody id="detail">
<tr>
<td>2013/06/02</td><td>20:00:00</td>
</tr>
</tbody>
就可以了。
但是tbody对表头的跨行显示有影响，所以不想用。为什么tr元素就不能动态修改其html呢？

Answer 1

要在tr元素的父元素中才能增加行，不能在tr本身去增加行。而tbody就是tr的父元素。
如果是增加td，就要用tr，因为tr是td的父元素。

Answer 2

var row = table.insertRow(rowNumber);
row.insertCell(0).innerHTML = '2013/06/03';
row.insertCell(1).innerHTML = '21:00:00';

换种思路, 用table原生的方法吧

Answer 3

可以动态修改tr内容的html，只是你使用的方法不对。也许只是你用的那个方法实现不了

Answer 4

估计用的是IE浏览器吧，
改成
var tbl=document.getElementById('table的id');
var newTr = tbl.insertRow(tbl.rows.length);
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
newTd0.innerHTML = "2013/06/03";
newTd1.innerHTML = "21:00:00";

追问

我这个table分为表头、表体、表尾，我想为表体追加行，用这种方法貌似不行吧？