为什么不用children而用childNodes[1]?

来源:9-13 插入节点insertBefore()

你像风一样

2016-10-27 01:56

为什么不用children而用childNodes[1]?,正常写代码应该没有人会吧ul,li写的连到一起吧,这样的话otest.children[1],其实选中的并不是内容为HTML的标签,而是HTML标签前面的空格,只有用children[1]选中的才是非空格的元素标签。

写回答 关注

4回答

  • 水秋玄
    2016-12-05 10:45:11

    好像是教程没提到过children吧,还是我忘记了……

    var otest = document.getElementById("test"); //获取ul节点

    var child_node = otest.childNodes; //获取ul的子节点

    var newnode = document.createElement("li"); //创建一个节点

    newnode.innerHTML="追加的节点"; //节点内容

    otest.insertBefore(newnode,child_node[0]); //在ul节点中的第2个子节点前插入新的节点

    我也是用childNodes写的,查了一下资料,以下:

    1、childNodes 属性,标准的,它返回指定元素的子元素集合,包括html节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。

    2、children 属性,非标准的,它返回指定元素的子元素集合。经测试,它只返回html节点,甚至不返回文本节点。


  • 懵逼的我
    2016-11-08 19:48:34

    能解释一下吗?是说lastchild吗?

  • stone310
    2016-11-02 00:29:30

    我也喜欢用children,兼容性还好,除非要去获取文本元素

  • qq_风向北吹_04068766
    2016-10-27 08:58:42

    我还没试过

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题