问答详情
源自: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(){
           light();
         
      }      
    
      function light(){
        var tbody=document.getElementById("table").lastChild; 
  var trs=tbody.getElementsByTagName("tr");
        for(var i=1;i<trs.length;i++)
        {
            trs[i].onmouseover=function(){
                this.style.backgroundColor="#ccc";
            }
            trs[i].onmouseout=function(){
                this.style.backgroundColor="#fff";
            }
        }
 
  }
    
      // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
    function add(obj)
    {
        var tbody=document.getElementById("table").lastChild;
        var tr=document.createElement("tr");
       
        var td=document.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="<a href="javascript:;" onclick="del(this)">删除</a>";
        tr.appendChild(td);
        tbody.appendChild(tr);
        light();
    }
      
    
     // 创建删除函数
   
     function del(obj)
     {
         var tbody=document.getElementById("table").lastChild;
         var tr=obj.parentNode.parentNode;
         tbody.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>   <!--在删除按钮上添加点击事件,为什么是this????  -->
    </tr> 


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


提问者:慕田峪6997291 2017-03-14 14:27

个回答

  • 学习js
    2017-03-14 14:53:46
    已采纳

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

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

  • 慕田峪6997291
    2017-03-14 15:09:13

    可以了,为什么要把双引号改为单引号