求大神解答

来源:9-14 删除节点removeChild()

归来仍是少年呀

2018-08-28 20:09

https://img3.mukewang.com/5b853b4b000113e903950324.jpg这是为什么呢

写回答 关注

5回答

  • 慕娘6527991
    2018-09-13 20:10:00

    对了,我刚试过,我建议你这样可以一次删除所有元素:

    var content = document.getElementById("content");
    var h1s= content.childNodes;
    var length = h1s.length;
    for(var i = 0; i<length; i++)
    {
        content.removeChild(h1s[0]);
     }
     这样就可以一直移除第一个节点了。移除11次。


  • 慕娘6527991
    2018-09-13 20:02:47

    因为下标更新了.

    用b代表空白节点,那么ul之间的节点序列应该是:

    b html b php b javascript b jquery b java b

    第一次删除时,删除0号节点b,剩余html b php b javascript b jquery b java b

    第二次删除时,删除1号节点b,由于此时节点已经更新, html变成0号节点,删除的还是html后面的节点b。与此同时,<li>标签节点的值也在增加,html变成0号,php变成1号,javascript变成2号节点,以此类推.因此第一次删除的是所有的空格。第二次删除html javascript java第三次删除js,第四次删除jquery.

    也就是隔山打牛.

  • 小黄鸡07
    2018-09-09 21:45:14

    你应该把4改为content.childNodes.length,因为他实际上不止4个节点,在子节点中两个标签之间的空格或换行都被解析为一个子节点(文本节点)。比如:

    <ul>

    <li>慕课网</li>

    </ul>

    这一段代码就有3个子节点了


  • 十一一一一一一一
    2018-09-09 20:44:14

    你的运行结果是只有 html 和php被删了吗 如果是的话 加一个判定条件应该就好了

    for(var i=content.childNodes.length-1;i>=0;i--){

    var x=content.childNodes;

     if(x[i].nodeType==1){

    content.removeChild(x[i]);


    }

    因为content 的长度其实是 11 不是 4 其中包括了几个空白节点

  • 追鱼
    2018-08-31 15:08:58

    浏览器兼容问题,节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点

JavaScript进阶篇

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

468745 学习 · 22132 问题

查看课程

相似问题