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

Question

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

Answer 1

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

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

Answer 2

子项仅包含元素。ChildNodes 包含所有节点。