Js中parentNode,parentElement,childNodes,children之間的區(qū)別
parentElement 獲取對(duì)象層次中的父對(duì)象。
parentNode 獲取文檔層次中的父對(duì)象。
childNodes 獲取作為指定對(duì)象直接后代的 HTML 元素和 TextNode 對(duì)象的集合。
children 獲取作為對(duì)象直接后代的 DHTML 對(duì)象的集合。
--------------------------------------------------------
parentNode和parentElement功能一樣,childNodes和children功能一樣。但是parentNode和childNodes是符合W3C標(biāo)準(zhǔn)的,可以說比較通用。而另外兩個(gè)只是IE支持,不是標(biāo)準(zhǔn),F(xiàn)irefox就不支持
--------------------------------------------------------
用這parentNode,childNodes 2個(gè)就行了.樓上的都是正解!
--------------------------------------------------------
只是標(biāo)準(zhǔn)不一樣嗎?
--------------------------------------------------------
這個(gè)不是“標(biāo)準(zhǔn)不一樣”,
另外兩個(gè)根本就不是標(biāo)準(zhǔn),
可以理解為ie自定義的
--------------------------------------------------------
也就是說parentElement、children是IE自家的東西,別的地方是不認(rèn)的。
那么,他們的標(biāo)準(zhǔn)版就是parentNode,childNodes。
這兩個(gè)的作用和parentElement、children是一樣的,并且是標(biāo)準(zhǔn)的、通用的。
--------------------------------------------------------
以下是簡(jiǎn)單的解釋,注意個(gè)別字的差異:
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手冊(cè)里拿了兩段^_^
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標(biāo)準(zhǔn)從IE5才開始支持
IE4以前的只能用ie自己的方法
============================================
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
看見沒有,這里的這個(gè)bbb,影響了結(jié)果
相關(guān)文章
JS實(shí)現(xiàn)移動(dòng)端觸屏拖拽功能
這篇文章主要介紹了JS實(shí)現(xiàn)移動(dòng)端觸屏拖拽功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07
connection reset by peer問題總結(jié)及解決方案
這篇文章主要介紹了connection reset by peer問題解決方案的相關(guān)資料,這里整理了一些常見問題,及如何解決,需要的朋友可以參考下2016-10-10
JavaScript獲取字符串實(shí)際長度(包含中英文)
這篇文章介紹了JavaScript獲取字符串實(shí)際長度(包含中英文)的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06
js獲取下拉列表框<option>中的value和text的值示例代碼
本篇文章主要是對(duì)js獲取下拉列表框<option>中的value和text的值示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-01-01
js中各種數(shù)據(jù)類型檢測(cè)和判定的實(shí)戰(zhàn)示例
typeof一般被用于判斷一個(gè)變量的類型,我們可以利用typeof來判斷number,string,object,boolean,function,undefined,symbol這七種類型,下面這篇文章主要給大家介紹了關(guān)于js中各種數(shù)據(jù)類型檢測(cè)和判定的相關(guān)資料,需要的朋友可以參考下2022-11-11
addEventListener()與removeEventListener()解析
這篇文章主要為大家詳細(xì)介紹了addEventListener()與removeEventListener(),用于處理指定和刪除事件處理程序操作,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04

