1鼠标停留划过都没有看到有颜色变化；2 onload=function（）为什么没有函数名？ 3原有两行点了删除无反应，新添一行删除却有反应

源自：9-22 编程练习

1鼠标停留划过都没有看到有颜色变化；2 onload=function（）为什么没有函数名？ 3原有两行点了删除无反应，新添一行删除却有反应

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function (){

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

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

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

bgcChange(tr[i]);

}

function bgcChange(obj)

{

obj.onmouseover=function(){

obj.style.backgroundColor="#f2f2f2";

}

obj.onmouseout=function(){

obj.style.backgroundColor="#fff";

}

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

function add()

{

var xh=prompt("请输入学号");

var xm=prompt("请输入姓名");

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

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

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

td1.innerHTML=xh;

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

td2.innerHTML=xm;

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

td3.innerHTML="<a href='JavaScript:;' onclick='del(this)'>删除</a>"

table.appendChild(newtr);

newtr.appendChild(td1);

newtr.appendChild(td2);

newtr.appendChild(td3);

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

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

bgcChange(tr[i]);

}

// 创建删除函数

function del(obj)

{

var x=obj.parentNode.parentNode;

document.getElementById("table").removeChild(x);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

提问者：qq_Hy_49 2018-08-08 13:46

1鼠标停留划过都没有看到有颜色变化；2 onload=function（）为什么没有函数名？ 3原有两行点了删除无反应，新添一行删除却有反应

个回答