我自己写的，嘿嘿?-慕课网

首页课程实战体系课手记专栏慕课教程

我自己写的，嘿嘿?

来源：9-22 编程练习

慕侠3407622

2019-11-19 16:34

<!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>

写回答关注

1回答

秋之枫华

2019-12-03 14:47:58

不知道该怎么写，看了看你的代码，受教了，感谢！

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

嘿嘿，笔记ing

回答 3

嘿嘿成功了

回答 1

回答 2

回答 1

回答 3