问答详情
源自:9-22 编程练习

不知道哪儿错了

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>dfh</title>

<script type="text/javascript">

window.onload = function(){

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

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

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

{

bbq(tr[i]);

}

}

    function bbq(r)

    {

     r.onmouseover=function(){

     r.style.backgroundColor="#f2f2f2";

     }

     r.onmouseout=function(){

     r.style.backgroundColor="#fff";

     }

    }

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

    var num=2;

    function bm(){

     num++;

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

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

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

     xh.innerHTML="xh00"+num;

     xm.innerHTML="第"+num+"学生";

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

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

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

     tab.appendChild(tr);

     tr.appendChild(xh);

     tr.appendChild(xm);

     tr.appendChild(del);

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

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

     {

     bbq(tr[i]);

     }


    }

    //创建删除函数

    function del(r){

     var tr=r.parentNode.parentNode;

     tr.parentNode.removeChild(tr);

    }

</script>

</head>

<body>

<table border="1" width="50%" id="table">

<tr>

<th>学号</th>

<th>姓名</th>

<th>操作</th>

</tr>

<tr>

<td>xh001</td>

<td>王小明</td>

<td><a href="javascript:;" onclick="del(this);">删除</a></td>

</tr>

<tr>

<td>xh002</td>

<td>刘小芳</td>

<td><a href="javascript:;" onclick="del(this);">删除</a></td>


</tr>

</table>

<input type="button" value="添加一行" onclick="bm()" />

</body>

</html>


提问者:慕先生9164688 2019-03-18 15:21

个回答

  • 阳火锅
    2019-03-20 11:03:41
    已采纳

    https://img.mukewang.com/5c91ad580001c0e404070072.jpg老夫30年代码观写经验,随便一瞟就发现了这个多余的点,把这个点删掉就可以了

  • qq_慕数据9517460
    2019-03-26 14:18:41

    你在定义函数bbq的时候bbq(r)  这个r是什么意思 ,我基础差  好像这个课程里面没有讲过