Js中parentNode,parentElement,childNodes,children之間的差異_javascript技巧

parentElement 取得物件層次中的父物件。 
parentNode 取得文件層級中的父物件。 
childNodes 取得作為指定物件直接後代的 HTML 元素和 TextNode 物件的集合。 
children 取得作為物件直接後代的 DHTML 物件的集合。 

----------------------------------------------- ---------

parentNode和parentElement功能一樣，childNodes和children功能一樣。但是parentNode和childNodes是符合W3C標準的，可以說比較通用。而另外兩個只是IE支持，不是標準，Firefox不支持

----------------------------------------------- ---------

用這parentNode,childNodes 2個就行了.樓上的都是正解!

----------------------------------------------- ---------

只是標準不一樣嗎？

----------------------------------------------- ---------

這個不是“標準不一樣”，
另外兩個根本就不是標準，
可以理解為ie自訂的

----------------------------------------------- ---------

也就是說parentElement、children是IE自家的東西，別的地方是不認的。
那麼，他們的標準版就是parentNode,childNodes。
這兩個的作用和parentElement、children是一樣的，並且是標準的、通用的。

----------------------------------------------- ---------

以下是簡單的解釋,注意個別字的差異:
parentNode Property: Retrieves the parent object in the document hierarchy.

parentElement Property:Retrieves the parent object in object inarchy. >

childNodes:

Retrieves a collection of HTML Elements and TextNode objects that are direct descendants of the specified object.

children:

Retrieves a collection of DHTML Objects that are direct descendants of the object.

----------------------------------------------- ---------

我也從dhtml手冊裡拿了兩段^_^

parentElement children:
There is no public standard that applies to this property/collection.
parentNode childNodes:
This property/ collection is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 .

很多W3C標準從IE5才開始支援

IE4以前的只能用ie自己的方法

==================== ========================

bbb<div id="test1">aaa<div> </div>aaa<div> </div> </div>
[Ctrl A 全選注:如需引入外部Js需刷新才能執行]

看見沒有，這裡的這個bbb，影響了結果