JavaScript和childNodes之間的區別是什麼？

Question

我發現自己正在使用JavaScript，並且遇到了childNodes和children屬性。我想知道它們之間的區別是什麼。對另一個人來說也是一個優先選擇？

Answer 1

.children是Element的財產。只有元素有孩子，而這些孩子都是元素類型。

但是.childNodes是Node的財產。 .childNodes可以包含任何節點。

所以一個具體的例子是

var el = document.createElement("div"); 
el.textContent = "foo" 
el.childNodes.length === 1; // TextNode is a node child 
el.children.length === 0; // no Element children 

當然.children的是DOM4所以瀏覽器的支持是不穩定的，但是如果你使用DOM-shim，您的跨瀏覽器的問題就會迎刃而解！

大多數時候你想使用.children，因爲通常你不想在你的DOM操作中循環TextNodes或Comments。

如果您確實想操作TextNodes，您可能需要.textContent。

Answer 2

Element.children僅返回元素子元素，而Node.childNodes返回所有節點子元素。請注意，元素是節點，因此元素上都可用。

我相信childNodes更可靠。例如，MDC（鏈接上面）指出IE只在IE 9中獲得children。childNodes爲瀏覽器實現者提供了更少的錯誤空間。