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

求大神解答

<!DOCTYPE html>

<html>

 <head>

  <title> new document </title>  

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

  <script type="text/javascript"> 

  

      window.onload = function(){

          var arr=document.getElementsBytagName("tr");

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

             arr[i].onmouseover=function(){

                 this.style.backgroundColor="#f2f2f2";

             };

             arr[i].onmouseout=function(){

                this.style.backgroundColor="#fff";

             };

          }

}

 

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

     function add2(){

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

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

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

        td1.innerHTML="<input type='text' />";

        tr.appendChild(td1);

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

         td2.innerHTML="<input type='text' />";

         tr.appendChild(td2);

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

         

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

         td4.href="'javascript:add3(this);'";

         var td5=document.createTextNode("删除");

         td4.appendChild(td5);

         td3.appendChild(td4);

         tr.appendChild(td3);

         tbody.appendChild(tr);

     }

     // 创建删除函数

     function add3(a){

        var aa=a.parentNode.parentNode;

        var A=aa.parentNode;

        A.removeChild(aa);

     }



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

  </tr>


  <tr>

<td>xh002</td>

<td>刘小芳</td>

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

  </tr>  


  </table>

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

 </body>

</html>

这个代码的第一节函数怎么不能运行??急急

正在回答

1 回答

  var arr=document.getElementsBytagName("tr");

应该是var arr=document.getElementsByTagName("tr");

T要大写

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

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468188    人
  • 解答问题       21891    个

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

进入课程

求大神解答

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