首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > .NET > C# >

怎么用JavaScript给Html表格动态添加一行

2012-01-11 
如何用JavaScript给Html表格动态添加一行。比如表格的ID叫MyTable,用JS如何实现??注意不要用重写表格(DivNa

如何用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);

热点排行