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);
正规的添加表格行是 insertrow,添加单元格是 insertcell。而且你 createelement 里面需要是合法的 html 元素标签,例如 tr,td。function
btncreatelemet_click()
{
var
con=document.getelementbyid("lblnewelemet")
var
row
=
con.insertrow(0)
var
cell
=
row.insertcell(0)
cell.innerhtml
=
"aaaaa"
}
下面是使用 createelement 创建 tr 和 td,但这样不标准
function
btncreatelemet_click()
{
var
con
=
document.getelementbyid("lblnewelemet")
var
tr
=
document.createelement("tr")
con.appendchild(tr)
var
td
=
document.createelement("td")
tr.appendchild(td)
td.innerhtml
=
"aaaaa"
}