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

我为什么没有反应啊？错在哪啦？？

<!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 main=document.getElementById("table");

        tr=main.getElementsByTagName("tr");

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

           tr[i].onmouseover=function(){

               this.style.backgroundColor="red"; 

        }   

           tr[i].onmouseout=function(){

               this.style.backgroundColor="yellow";

           }

}

}

      function addto(obj){

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

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

          var td=docunment.createElement("td");

          td.innerHTML="<input type="text"/>";

          tr.appendChild("td");

          

          td=document.createElement("td");

          td.innerHTML="<input type="text"/>";

          tr.appendChild("td");

          

          td=document.createElement("td");

          td.innerHTML="<input type="text"/>";

          tr.appendChild("td");

          

          main.appendChild("tr");

      }

      function delone(obj){

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

          var tr=td.parentNode.parentNode;

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

  </tr>


  <tr>

<td>xh002</td>

<td>刘小芳</td>

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

  </tr>  


  </table>

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

 </body>

</html>


提问者：m艾瑞 2014-12-01 17:43

个回答

  • m艾瑞
    2014-12-01 23:38:27

    <!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 main=document.getElementById("table");

            tr=main.getElementsByTagName("tr");

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

               tr[i].onmouseover=function(){

                   this.style.backgroundColor="red"; 

            }   

               tr[i].onmouseout=function(){

                   this.style.backgroundColor="yellow";

               }

    }

    }

          function addto(obj){

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

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

              var td=docunment.createElement("td");

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

              tr.appendChild(td);

              

              td=document.createElement("td");

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

              tr.appendChild(td);

              

              td=document.createElement("td");

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

              tr.appendChild(td);

              

              main.appendChild(tr);

          }

          function delone(obj){

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

              var td=document.creatElement("td");

              var tr=td.parentNode.parentNode;

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

      </tr>


      <tr>

    <td>xh002</td>

    <td>刘小芳</td>

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

      </tr>  


      </table>

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

     </body>

    </html>


    0
  • 偌颜宁
    2014-12-01 18:54:34

    该代码中错误有4点：

    1、 td.innerHTML="<input type="text"/>";这里的type不能使用双引号，要采取单引，或者用转义符转义，原因是一对引号内才是字符串

    2、appendChild();这个方法是添加的元素，因此方法括号内应该是元素节点而不是用引号的字符串

    3、delone()这个函数中，td没有定义就开始使用，这有问题

    4、添加后的表哥行没有添加鼠标移入变色的事件，这需要你好好看一下

    以上就是错误点，如果不会的话右侧有源码可以下载参考

    0