js如何在table中插入一行_IT百科

js如何在table中插入一行的方法是定位，插入：

1、通过id定位到myTable对象

var table = document.getElementById("myTable")

2、创建一个空的<tr>标签，并且插入到第一行：

var row = table.insertRow(0)

3、插入两列：

var cell1 = row.insertCell(0)

var cell2 = row.insertCell(1)

4、给列分别赋值：

cell1.innerHTML = "NEW CELL1"

cell2.innerHTML = "NEW CELL2"

用jquery写比较方便点。

答案完善了一下，代码如下。其实这样有bug，但是比较容易修改，只要完善一下function addtab() 就行。

<html>

<head>

function addtab(){

var tcount=$("#tab tr").length

var tpl='<tr id="s'+tcount+'"><td>'+tcount+'</td><td>姓名</td><td>年龄</td><td onclick="deltab('+tcount+')">删除</td></tr>'

$("#tab").append(tpl)

}

function deltab(x){

$("#s"+x).remove()

}

</script>

</head>

<body>

<div>

<tr>

</tr>

</table>

</div>

</body>

</html>

但是我的理解是，ID号应该是返回给后台，后台再给前台比较好。

欢迎分享，转载请注明来源：内存溢出

js如何在table中插入一行