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

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

htm给table标签动态添加 tr(行),具体参考代码如下: usually function 序号 姓名 年龄 生日 备注 删除 用户输入表单: 姓名 年龄 生日 备注 添加 function del(obj){ //alert($(obj).closest("tr").attr("outerHTML"))//$(obj).closest("tr")...


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11492067.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存