擷取子項目節點(children,childNodes)，childrenchildnodes

擷取子項目節點(children,childNodes)，childrenchildnodes

在js中擷取元素節點有DOM對應的方法如getElementsByTagName()等等。。對於擷取子項目還有另外一種擷取方法ChildNodes

不過ChidNodes在進階瀏覽器除（IE6-8）裡面來說是"不太正常"的,因為它除了擷取到了元素節點的同時也擷取到了文本節點，這就是傳說中的買一送一？不過，這個送一的活動咱們不想要的時候可以和nodeType結合，就可以進行篩選。代碼如下

當然，這個判斷是針對進階瀏覽器。IE6-8是不要進行nodeType的判斷的，因為它本來擷取的就是只有元素節點，沒有文本節點。

除了childNodes這種擷取子項目的方法以外，還有一個方法叫做children，這個是不要判斷相容性的，IE6-8，其他進階瀏覽器都支援。具體用法如下：

再說說跟這兩個相關的擷取節點的方法：firstChild（firstElementChild）[第一個子項目]、lastChild（lastElementChild）[最後一個子項目]、nextSibling(nextElementSibling)[同級的下一個元素]、previousSibling(previousElementSibling)[同級的上一個元素]、parentNode[父節點]

其中括弧裡面的是在進階瀏覽器中擷取元素節點的方法，括弧外（IE6-8）和括弧內(進階瀏覽器)就相當於是解決一個相容性問題吧。都比較簡單，我就不舉例子了。