修改行而不是表中的列

时间:2010-12-19 11:32:21

标签: javascript dom

我有这样一张桌子

<table><tr>
<td>some code</td>
<td>some code</td>
<td>some code</td>
</table>

如何将其修改为

<table><tr>
<td>some code</td>
<tr><td>some code</td>
<tr><td>some code</td>
</table>

使用Javascript?

1 个答案:

答案 0 :(得分:0)

应该工作:

var table = document.getElementById("tableid");
var oldrow = table.getElementsByTagName("tr")[0];
var cells = oldrow.childNodes;
while (cells.length>0) {
 var newrow = document.createElement("tr");
 table.appendChild(newrow);
 newrow.appendChild(cells[0]);
}
table.removeChild(oldrow);