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

源自：9-22 编程练习

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

<!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>

</table>
<input type="button" value="添加一行" onclick='addtr()' /> 
</body>
</html>

提问者：慕数据0771269 2016-04-06 15:12

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

个回答