                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

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

你像风一样

2016-10-27

源自：JavaScript进阶篇 9-13

关注问题我要回答

741

操作

收起

4 回答

水秋玄
2016-12-05

好像是教程没提到过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节点，甚至不返回文本节点。