为了账号安全,请及时绑定邮箱和手机立即绑定

谁能帮我看下哪里错了吗

<html>

 <head>

  <title> new document </title>  

  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   

  <script type="text/javascript"> 

  

      window.onload = function(){

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

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

            objchange(tr[i]);

        }

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

}

     function objchange(obj){

          obj.onmouseover=function(){

             obj.style.backgroundColor="#f2f2f2";

         }

          obj.onmouseout=function(){

            obj.backgroundColor= "#fff";

         }

     }

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

      var num=2;

     function tianjia(){

         var table1=document.getElementsByTagName("table");

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

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

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

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

         td1.innerHTML="xh"+num;

         td2.innerHTML="sda"+num;

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

         table1.appendChild("tr1");

         tr1.appendChild("td1");

         tr1.appendChild("td2");

         tr1.appendChild("td3");

         objchange(tr);

     }

   

     

     // 创建删除函数

     function removeVar(obj){

         var tr=obj.parentNode.parentNode;

       tr.parentNode.removeChild(obj);

     }



  </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:removeVar(this);" >删除</a></td>   <!--在删除按钮上添加点击事件  -->

   </tr>


   <tr>

<td>xh002</td>

<td>刘小芳</td>

<td><a href= "javascript:removeVar(this);">删除</a></td>   <!--在删除按钮上添加点击事件  -->

   </tr>  


   </table>

   <input type="button" value="添加一行" onclick="tianjia()" />   <!--在添加按钮上添加点击事件  -->

 </body>

</html>


正在回答

1 回答

https://img1.sycdn.imooc.com//5d306e0700014f9c04990033.jpg

1.javascript:外面的双引号改为单引号,并且不能这样用,可以把removeVar方法添加为单击事件,href="javascript:;"具体意思可以百度,body里面的也要改掉

https://img1.sycdn.imooc.com//5d306f620001df1202360087.jpg

2.双引号都去掉

https://img1.sycdn.imooc.com//5d306f950001568801350022.jpg

3.没有效果,要重新遍历tr

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

谁能帮我看下哪里错了吗

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信