1. 程式人生 > >Js-parentNode、parentElement,childNodes、children 的區別

Js-parentNode、parentElement,childNodes、children 的區別


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

parentNode、parentElement,childNodes、children 它們有什麼區別呢?

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

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 the object hierarchy.

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,影響了結果