childNodes

在前台开发中，我们做的最多的操作之一便是遍历给定 DOM 节点的节点，并对相应的子节点做一些进一步的操作，如：节点排序，添加样式， ect 。在本地的 DOM 元素节点上存在这样两个属性 children 和 childNodes ，通过这两个属性我们都能完成一般性的子节点操作，由于这两个属性在名称上十分相似，我们通常困惑于到底该使用哪个属性，本文现就这两个属性的特点和相互之间的区别做简单的介绍。 Element . children 作用：返回给定元素节点的元素节点集合。 1. 非 W3C 标准 , 但是基本上所有的浏览器都实现了该属性，所以也可以称作是事实上的标准 2. 基本语法 var elCol = elemNode.children ; 3.. 返回值 类型： HTMLCollection , 包含当前元素的所有子元素节点（ Element Node ）的有序列表集合。如果没有子元素节点那么该集合的长度为 0; 4. 兼容性列表 Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari Basic support 1 3.5 9 (IE6-8 incl commend nodes) 10 4 注意的 IE9 之前的版本（ IE6/7/8 ）会列出注释节点 5. 例子： // 将 ul(#list)