为什么我不能添加一行,哪里错了

来源:9-22 编程练习

慕数据0771269

2016-04-06 15:12

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title> 
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>  
  <script type="text/javascript">
      var tr = document.getElementsByTagName('tr');
      window.onload = function(){
       
        for(var i=0;i<tr.length;i++){
            tr[i].onmouseover=function(){
                this.style.backgroundColor='#f2f2f2';
            }
            tr[i].onmouseout=function(){
                this.style.backgroundColor='#fff';
            }
        }
     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
         function addtr(){
            var newtr= document.createElement('tr');
            var table= document.getElementsByTagName('table');
            var td1=document.createElement('td');
            newtr.appendChild(td1);
            var td2=document.createElement('td');
            newtr.appendChild(td2);
            table.appendChild(newtr);
         }
  
    
 
  }
    
      // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
    
      
    
     // 创建删除函数
    


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

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

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

写回答 关注

1回答

  • 慕数据0771269
    2016-04-06 15:27:12

    解决了 大括号位置错了

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题