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)的,可以說(shuō)比較通用。而另外兩個(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自定義的
--------------------------------------------------------
也就是說(shuō)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才開(kāi)始支持
IE4以前的只能用ie自己的方法
============================================
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
看見(jiàn)沒(méi)有,這里的這個(gè)bbb,影響了結(jié)果
相關(guān)文章
JavaScript利用HTML DOM進(jìn)行文檔操作的方法
DOM是W3C制定的用于訪(fǎng)問(wèn)諸如XML和XHTML等結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)。通過(guò)本文給大家介紹JavaScript利用HTML DOM進(jìn)行文檔操作的方法,需要的朋友參考下吧2016-03-03js實(shí)現(xiàn)圖片切換(動(dòng)畫(huà)版)
本文主要對(duì)javascript實(shí)現(xiàn)圖片切換(動(dòng)畫(huà)版)的方法進(jìn)行步驟分析、實(shí)例介紹,具有很好的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12BootStrap tab選項(xiàng)卡使用小結(jié)
這篇文章主要為大家詳細(xì)介紹了BootStrap tab選項(xiàng)卡使用小結(jié),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10javascript 支持鏈?zhǔn)秸{(diào)用的異步調(diào)用框架Async.Operation
javascript 支持鏈?zhǔn)秸{(diào)用的異步調(diào)用框架Async.Operation2009-08-08詳解JavaScript什么情況下不建議使用箭頭函數(shù)
箭頭函數(shù)作為ES6新增的語(yǔ)法,在使用時(shí)不僅能使得代碼更加簡(jiǎn)潔,而且在某些場(chǎng)景避免this指向問(wèn)題。但是箭頭函數(shù)不是萬(wàn)能的,也有自己的缺點(diǎn)以及不適用的場(chǎng)景,本文總結(jié)了JavaScript什么情況下不建議使用箭頭函數(shù),感興趣的可以了解一下2022-06-06