运行不出来求师傅们帮忙运行一下-慕课网

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

运行不出来求师傅们帮忙运行一下

来源：9-22 编程练习

余生敲代码

2020-03-11 21:02

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function(){

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

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

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

bgcChange(tr[i]);

}

function bgcChange(obj){

obj.onmouseover=function(){obj.style.backgroundColor="red";}

obj.onmouseout=function(){obj.style.backgroundColor="blue";}

}

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

var num=2;

function add(){

num++;

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

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

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

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

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

td1.innerHTML="xh"+num;

td2.innerHTML="姓名"；

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

table.appendChild(tr);

tr.appendChild(td1);

tr.appendChild(td2);

tr.appendChild(td3);

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

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

bgcChange(tr[i]);

}

// 创建删除函数

function remove(obj){

var tb=obj.parentNode.parentNode.parentChild;

tr=obj.parentChild.parentChild;

tb.removeChild(tr);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

写回答关注

1回答

流星64

2020-03-12 20:57:41

nb,一篇代码报了17个错误

0 0

JavaScript进阶篇

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

468061 学习 · 21891 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 2

运行不出来 求师傅们帮忙运行一下

1回答

运行不出来求师傅们帮忙运行一下