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

JavaScript018

JS怎样使用appendChild 给table 增加tr td,第1张

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

你可以用js原生的append或是insertBefore。

下面是简单的例子：

<body>

<table id="tab">

     <tr>

         <td>1111</td>

            <td>1111</td>

        </tr>

    </table>

</body>

<script>

var oTab = document.getElementById('tab')

var oTr = document.createElement('tr')     //创建TR

oTr.innerHTML='<td>22222</td><td>22222</td>' //TR里面加2个TD

oTab.appendChild(oTr)

</script>

原声js中如果你想创建tr和td 而且是很多个，只能用循环往里面塞值了。

<body>

<table id="tab"></table>

</body>

<script>

var oTab = document.getElementById('tab')

for(var i=0i<3i++){

var oTr = document.createElement('tr')

for(var j=0j<3j++)

{

var oTd = document.createElement('td')

oTr.appendChild(oTd)

}

oTab.appendChild(oTr)

}

</script>

简单的写了一下，仅供参考~~