Javascript如何动态加载表并动态地添加表行

1。动态加载形式

1。首先在HTML中设置表的添加位置的ID

这是写在HTML显示表是被加入到这div.as身体内标记一个div标签如下



2。写一个语句以在Javascript中添加一个表

在当前HTML文件中,它被写入标签中,如
复制代码代码如下所示:


document.getelementbyid(任务).innerHTML = / /在这里补充形式根据自己的需要创建



如果引入js文件,下面的语句直接写入js文件(假设它是测试JS)
复制代码代码如下所示:
document.getelementbyid(任务型).innerHTML =

然后再提出你自己的HTML文件
复制代码代码如下所示:


两。动态添加表行

1、首先,为html中的表行的添加位置设置id。这个位置必须是内部的(不是很准确),但是根据我的测试,我得到了这个结论。还有其他方法,请留言,谢谢。
复制代码代码如下所示:



/ / tfoot和螺纹使用tbody,但当我写它,它是没有用的。




{ { } }
2。在Javascript内容中,您必须创建一个行和单元格,然后向其中添加一行,如下所示
{代码}
行= document.createelement(TR); / /创建行

TD1 = document.createelement(TR); / /创建细胞

td1.appendchild(document.createtextnode(内容)); / /添加内容到一个细胞

row.appendchild(TD1); / /添加细胞线

document.getelementbyid(行); / /。追加(行)将被添加到


三,我的小发现(也许其他人知道,……)

1,我自己做了一个测试。在HTML中,我写了文件。getElementById (TDL).innerHTML = 在Javascript。写完之后,我测试了它。html中的表行将不会被添加。

2。完成上述测试,我也改变了HTML写的,写的document.getelementbyid(T).innerHTML =内容

三.思考:什么样的得出一些结论从以上两个试验似乎是如何总结,没想好,可直接添加直接通过HTML标签吗