添加和删除都没有用-慕课网

添加和删除都没有用

来源：9-22 编程练习

断弦之殇

2018-11-16 11:59

<!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 rows=document.getElementsByTagName("tr");
for(var i=0;i<rows.length;i++){
    rows[i].onmouseover=function(){
        this.style.backgroundColor="#f2f2f2";}
    rows[i].onmouseout=function(){
        this.style.backgroundColor="#fff";}
}
 
}
     
      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
    function addrow(){
        var row=document.createElement("tr");
        var tab=document.getElementById("table");
        
        var number=document.createElement("td");
        number.innerHTML="xh###";
        row.appendChild(number);
        
        var name=document.createElement("td");
        name.innerHTML="###";
        row.appendChild(name);
        
        var operator=document.createElement("td");
        var atag=document.createElement("a");
        a.href="javascript:;";
        a.onclick="delrow(this)";
        a.innerHTML="删除";
        operator.appendChild(atag);
        row.appendChild(operator);
        
        tab.appendChild(row);
    } 
   
    
     // 创建删除函数
    function delrow(obj){
        var theRow=this.parentNode.parentNode;
        theRow.parentNode.removeChild(theRow);
    }
  </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="delrow(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
   </tr>
   <tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="delrow(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
   </tr>  
   </table>
   <input type="button" value="添加一行" onclick="addrow()" />   <!--在添加按钮上添加点击事件  -->
 </body>
</html>

添加和删除方法都没有反应。

还有为什么答案里通过ID获得table元素时后面跟着".lastChild"，这不就变成了tr了么，最后添加行时又用了appendChild, 添加的不就成了tr的子节点了么

写回答关注

3回答

慕粉3952632

2018-11-27 20:09:47

多谢你，我会写了

0 0
慕粉3952632

2018-11-27 19:32:19

var atag=document.createElement("a");
a.href="javascript:;";
a.onclick="delrow(this)";
a.innerHTML="删除";
下面三行的a应该改为：atag

0 0
断弦之殇

2018-11-16 12:02:13

删除的错误找到了，应该时obj.parsentNode.parsentNode，而不是用this

0 0

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题

为什么改变背景颜色要用到window.onload, 而删除和添加都不用window.onload

回答 3

无法删除或者添加？？？？？

回答 2

为什么原始的能删除，添加的不能删除

回答 3

添加的不能删除什么鬼？

回答 3

有人给个正确答案吗？我的看不到，真的没办法了，怎么添加和删除都没有反应

回答 2

打开慕课网App查看更多内容