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>
简单的写了一下,仅供参考~~