日期:2014-05-19  浏览次数:21008 次

如何用JavaScript给Html表格动态添加一行。
比如表格的ID叫MyTable,用JS如何实现??

注意不要用重写表格(DivName.innerHtml= "表格的Html结构 "),要动态添加的
如表格原来有3行,我现在Ajax已读取到有新的数据,我要动态新增成为四行。

------解决方案--------------------
var tbody = document.getElementById( "MyTable ").tBodies[0];
var tr =
var td;

for(var i = 0; i < 4; i++)
{
tr = tbody.appendChild(document.createElement( "tr "));

for(var j = 0; j < dataArray.length; j++)
{
td = tr.appendChild(document.createElement( "td "));
td.innerHTML = dataArray[j];
}
}

----------------------
更多动态TABLE用法可以参考我的这个小游戏 Picross

http://www.cnblogs.com/ericfine/archive/2007/07/11/813358.html
------解决方案--------------------
var ele = document.createElement( "xxx ");
ele.属性 = " ";
...
Mytable.add(ele);