看大佬们的代码，自己修改的易懂版本

源自：9-6 setAttribute()方法

看大佬们的代码，自己修改的易懂版本

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

// window.onload = function(){

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

function change(obj){

console.log(obj)

obj.style.backgroundColor = "red";

}

function changeback(obj){

obj.style.backgroundColor = "#fff";

}

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

var num = 2;

function addfun(){

num++;

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

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

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

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

td1.innerHTML = "xh00"+ num;

td2.innerHTML = prompt("请输入姓名","张三");

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

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

otest.appendChild(btr);

btr.appendChild(td1);

btr.appendChild(td2);

btr.appendChild(td3);

btr.setAttribute("onmouseover","change(this)");

btr.setAttribute("onmouseout","changeback(this)");

}

// 创建删除函数

function del(obj){

var d = obj.parentNode.parentNode;//获得tr节点

d.parentNode.removeChild(d);//删除tr

}

</script>

</head>

<body>

<tr>

</tr>

</tr>

</tr>

</table>

</body>

</html>

提问者：qq_慕斯6581020 2019-11-23 17:32

看大佬们的代码，自己修改的易懂版本

个回答