如何用JavaScript给Html表格动态添加一行。

Question

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

Answer 1

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用法可以参考我的这个小游戏 Picrosshttp://www.cnblogs.com/ericfine/archive/2007/07/11/813358.html

Answer 2

var ele = document.createElement("xxx");
ele.属性 ＝ "";
...
Mytable.add(ele);