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

JavaScript026

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);

var tab =document.getElementById("table的id")

var newRow = tab.insertRow()//添加了一行

删除:

var tab =document.getElementById("table的id")

tab.deleteRow(要删除的行的索引)//当然table中的行索引是从0开始的!

原声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>

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