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

insertRow（）函数可以带参数，形式如下： 这个函数将新行添加到index的那一行前，比如insertRow（0），是将新行添加到第一行之前，默认的insertRow（）函数相当于insertRow（－1），将新行添加到表的最后。

vart＝document．getElementById（＂test＂）；

t.innerHTML="数据";

／／或者

vart＝document．getElementById（＂test＂）；

vartr＝document．createElement（＂tr＂）；

vartd＝doucment．createElement（＂td＂）；

td．innerHTML＝＂数据＂；

tr．appendChild（td）；

t．appendChild（tr）；

｝

扩展资料：

给table添加一行

1、＄（＂＃addTable＂）．click（function（）｛；

2、vartr=""+；

3、"11"+；

4、"22"+；

5、"33"+；

6、"44"+；

7、"55"+；

8、"";

9、＄（＂．layui－table＂）．append（tr）；

vart=document.getElementById("test");

t.innerHTML="数据";

//或者

vart=document.getElementById("test");

vartr=document.createElement("tr");

vartd=doucment.createElement("td");

td.innerHTML="数据";

tr.appendChild(td);

t.appendChild(tr);

}

扩展资料

给table添加一行

1、$("#addTable").click(function(){；

2、vartr=""+；

3、"11"+；

4、"22"+；

5、"33"+；

6、"44"+；

7、"55"+；

8、"";

9、$(".layui-table").append(tr);

10、});

设置table的class为test。

JS代码如下：

var t=document.getElementsByClassName("test")[0];  

var tr=document.createElement("tr");  

var td1=document.createElement("td");  

var td2=document.createElement("td");  

var td3=document.createElement("td");  

td1.innerHTML="c-01";  

td2.innerHTML="c-02";  

td3.innerHTML="c-03";  

tr.appendChild(td1);  

tr.appendChild(td2);  

tr.appendChild(td3);  

t.prepend(tr);  

扩展资料：

js中常用追加元素的方法：

1、append()：在父级最后追加一个子元素 。

$(".append").click(function(){  

$("#wrap").append("

我是子元素append

});  

2、appendTo()：将子元素追加到父级的最后。

$(".appendTo").click(function(){  

$("

我是子元素appendTo

});  

3、prepend()：在父级最前面追加一个子元素。

$(".prepend").click(function(){  

$("#wrap").prepend("

我是子元素prepend

});

1、JS方法

  var t=document.getElementById("test") ;  
    t.innerHTML="数据";  
//或者  
    var t=document.getElementById("test") ;  
  
    var tr=document.createElement("tr");  
    var td=doucment.createElement("td");  
    td.innerHTML="数据";  
    tr.appendChild(td);  
    t.appendChild(tr);  
}

2、jQuery添加html元素

$("#tbID").append("文件名对应合同");//$("#tbID")获取到要插入的table的对象，也可以是其他添加其他html元素

建议你用jQuery，可以随意的插入代码。实现你说的功能的代码如下
$("table tr:eq(0)").after("c-01c-02c-03c-04");