猿问

为什么都运行不了?

<!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(){
        Highlight();
      }
      function addOne(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);
       
       var td=document.createElement("td");
       td.innerHTML="<input type='text'/>";
       tr.appendChild(td);
       
       var td=document.createElement("td");
       td.innerHTML="<a href="javascript:;" onclick="deleteRow(this)">删除";
       td.appendChild(td);
       
       tbody.appendChild(tr);
       Highlight(); 
     }
      
      function deleteRow(obj){
       var tbody=document.getElementById("table").lastChild;
       var tr=obj.parentNode.parentNode;
       tbody.removeChild(tr); 
      }
      
      function Highlight(){
          var tbody=document.getElementById("table").lastChild;
          trs=tbody.getElementByTagName("tr");
          for(var i=1;i<trs.length;i++){
            trs[i].onmouseover=function(){
                this.style.backgroundColor="#f2f2f2";
            }
            trs[i].onmouseout=function(){
                this.style.backgroundColor="#fff";
            }
          }
      }
      // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
     
            
        
     // 创建删除函数
     


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

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

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

为什么运行不了?求解。。。


慕标8997690
浏览 1090回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答