我自己写的，嘿嘿?

源自：9-22 编程练习

我自己写的，嘿嘿?

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

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

function changeTo(obj){

obj.style.backgroundColor

="#f2f2f2";

}

function changeBack(obj){

obj.style.backgroundColor

="#fff";

}

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

var num=2;

function iadd(){

num++;

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

var td=new Array();

for(var i=0;i<3;i++){

td[i]=document.createElement("td");

tr.appendChild(td[i]);

}

td[0].innerHTML="xh00"+num;

var f=prompt("请输入名字：","张三");

td[1].innerHTML=f;

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

a.href="javascript:;";

a.setAttribute("onclick","idelete(this)");

a.innerHTML="删除";

td[2].appendChild(a);

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

tr.setAttribute("onmouseover","changeTo(this)");

tr.setAttribute("onmouseout","changeBack(this)");

tab.appendChild(tr);

// document.write("ll");

}

function edit(obj){

document.write("ss");

obj.innerHTML=prompt("请输入名字：","张三");

}

// 创建删除函数

function idelete(obj){

var d=obj.parentNode.parentNode;

// document.write(d.nodeName);

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

// document.write(i.nodeType);

var x=d.parentNode.removeChild(d);

}

</script>

</head>

<body>

<tr>

</tr>

</tr>

</tr>

</table>

</body>

</html>

提问者：慕侠3407622 2019-11-19 16:34

我自己写的，嘿嘿?

个回答