点击删除，只能删除新加行。。原先自带的两行怎么删不掉？？？

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

function add()

{

var x=document.getElementById("table");

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

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

td.innerHTML=" "

trs.appendChild(td);

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

td.innerHTML=" "

trs.appendChild(td);

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

td.innerHTML="<p onclick='del(this)'>删除</p>"

trs.appendChild(td);

x.appendChild(trs);

mouse();

}

// 创建删除函数

function del(obj)

{

var tr=obj.parentNode.parentNode;

var td=document.getElementById("table");

td.removeChild(tr);

}

</script>

</head>

<body>

<tr>

</tr>

<tr">

</tr>

<tr>

</tr>

</table>

</body>

</html>

慕沐7976158

浏览 1228回答 1

1回答

去看天荒地老

你把del(obj)函数td.removeChild(tr);改成 td.tBodies[0].removeChild(tr);就可以删掉了，因为表格默认有tbody标签，改了但添加的不能删，所以还得在add()最后改成var otBodies=x.tBodies[0];otBodies.appendChild(trs);x.appendChild(otBodies);

随时随地看视频慕课网APP