JS怎样使用appendChild 给table 增加tr td

insertRow（）函数可以带参数，形式如下： 这个函数将新行添加到index的那一行前，比如insertRow（0），是将新行添加到第一行之前，默认的insertRow（）函数相当于insertRow（－1），将新行添加到表的最后。

<scriptlanguage="JavaScript">

vart＝document．getElementById（＂test＂）；

t.innerHTML="<tr><td>数据</td></tr>"

／／或者

vart＝document．getElementById（＂test＂）；

vartr＝document．createElement（＂tr＂）；

vartd＝doucment．createElement（＂td＂）；

td．innerHTML＝＂数据＂；

tr．appendChild（td）；

t．appendChild（tr）；

｝

</script>

扩展资料：

给table添加一行

1、＄（＂＃addTable＂）．click（function（）｛；

2、vartr="<tr>"+；

3、"<td>11</td>"+；

4、"<td>22</td>"+；

5、"<td>33</td>"+；

6、"<td>44</td>"+；

7、"<td>55</td>"+；

8、"</tr>"

9、＄（＂．layui－table＂）．append（tr）；

哪有这么好的事儿……你如果需要一定的自适应，用div，不要用td。

<div class="item">

<div class="label">A</div>

<div class="value">a</div>

</div>

.item{ float:leftwidth:100px}

这样，当横着输出div满了以后，会自动换行的。通过CSS可以设置出来样式与table的效果一样，并且代码也不复杂。建议不要用检测长度的td输出方式，那样很复杂。

---