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）；

HTML code<script language="javascript" type="text/javascript">

function add(){

var tb = document.getElementById("tb")

var tr = tb.insertRow(0)

tr.style.cssText = tb.rows[1].style.cssText

var td = tr.insertCell()

td.innerHTML = "00000"

}

</script>

<input type="button" onclick="add()" value="add">

<table id="tb">

<tr style="background:#CCC"><td>xxx</td></tr>

</table>

------解决方案--------------------

JScript code/*

insertRow()这样是IE独有的.

标准用法是:

insertRow(-1): index为-1的时候就是默认插在最后一行.

insertRow( 0): index为0的时候就是插在第一行

至于样式一样 应该在样式表里统一设置.

根据你的问题描述，只需要使用ajax动态获取数据就行。

你可以把向数据库请求的方法改下，让读取的信息以时间desc的方式排列。

ajax请求得到一个集合再遍历集合生成表格就行。

---