为什么不会出现删除

源自：9-22 编程练习

为什么不会出现删除

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

/* window.onload = function(){

Highlight();

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

}*/

function addone()

{

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

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

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

td1.innerHTML="<input type='text'/>";

tr.appendChild(td1);

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

td2.innnerHTML="<input type='text'/>";

tr.appendChild(td2);

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

td3.innnerHTML="<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";

//难道上面这一行代码有问题吗为什么显示不出应该有的效果

//td3.innnerHTML="<input type='text'/>";

tr.appendChild(td3);

table.appendChild(tr);

Highlight();

}

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

function deleteRow(r)

{

var i=r.parentNode.parentNode.rowIndex

document.getElementById('table').deleteRow(i);

}

// 创建删除函数

function Highlight(){

var tbody = document.getElementById('table');

trs = tbody.getElementsByTagName('tr'); //表格下面的所有行

for(var i =0;i<trs.length;i++){

trs[i].onmouseover = function(){

this.style.backgroundColor ="#f2f2f2";

}

trs[i].onmouseout = function(){

this.style.backgroundColor ="#fff";

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

提问者：慕粉0300152458 2016-12-30 18:16

为什么不会出现删除

个回答