为什么全部删除了呢?

来源:9-22 编程练习

沐oo音

2018-05-11 14:32

代码如下:

     // 创建删除函数

     function del(i){

        var table1 = document.getElementById("table");

        var x = table1.removeChild(table.childNodes[i]);

     }

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

  </tr>

这样编的删除函数,为什么不是删除当前行,而是直接删除了整个表呢

写回答 关注

1回答

  • qq_ove可乐
    2018-05-13 13:48:15

    table里面的所有tr标签都属于第二个子节点(也就是索引为1的),所以删除索引为1的节点就把表格中内容都删除了。

    可以输出一下这个子节点的innerHTML就能知道了。

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题