javascript - DOM 节点子集合——有什么区别？

Question

节点的children 和childNodes 集合有什么区别？还有 childElementCount 和 childNodes.length？

Answer 1

element.childNodes 和 element.childNodes.length:包括子元素、文本节点(包括元素之间的空白节点)和注释(加上潜在的 CDATASections、ProcessingInstructions、DocumentTypes和 EntityReferences，具体取决于文档和解析器)。由 DOM Level 1 Core 定义标准，多年来一直在每个浏览器上可用。

element.children 和 element.childElementCount:包括仅 元素节点，因此在某些情况下可以更简单地处理。 childElementCount 由 Element Traversal API 定义标准，在最新版本的 Mozilla、Opera 和 WebKit 中可用。 children 未由任何标准定义，但在 IE 和最新版本的 Mozilla、Opera、WebKit 和 IE 中可用。