代码大致如下:
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table_talk">
<tr>
<td height="25">留言列表:</td>
</tr>
</table>
<input type="submit" name="Submit" value="提交" onClick="insertStr()">
<script language="javascript">
function insertStr() {
// 从最终的TextNode节点开始,慢慢形成结构
var text = document.createTextNode("dd"); //新建一个TextNode节点
var td = document.createElement("td"); //新建一个td类型的Element节点
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
td.appendChild(text); //将节点text加入td中
tr.appendChild(td); //将节点td加入tr中
var parNode = document.getElementById("table_talk"); //定位到table上
parNode.appendChild(tr); //将节点tr加入节点尾部
}
</script>
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table_talk">
<tr>
<td height="25">留言列表:</td>
</tr>
</table>
<input type="submit" name="Submit" value="提交" onClick="insertStr()">
<script language="javascript">
function insertStr() {
// 从最终的TextNode节点开始,慢慢形成结构
var text = document.createTextNode("dd"); //新建一个TextNode节点
var td = document.createElement("td"); //新建一个td类型的Element节点
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
td.appendChild(text); //将节点text加入td中
tr.appendChild(td); //将节点td加入tr中
var parNode = document.getElementById("table_talk"); //定位到table上
parNode.appendChild(tr); //将节点tr加入节点尾部
}
</script>
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
我新增了如下:var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
然后tbody.appendChild(tr); //将节点tr加入tbody中
最后parNode.appendChild(tbody); //将节点tbody加入节点尾部
这样就可以正常运行了。但是这样的话每次都加入了一个tbody,这样就感觉一个表结构中有多个tbody。但感觉一个表中似乎只能有一个tbody,tr,td 是可以多个的。