Js中parentNode,parentElement,childNodes,children之間的區(qū)別
parentElement 獲取對象層次中的父對象。
parentNode 獲取文檔層次中的父對象。
childNodes 獲取作為指定對象直接后代的 HTML 元素和 TextNode 對象的集合。
children 獲取作為對象直接后代的 DHTML 對象的集合。
--------------------------------------------------------
parentNode和parentElement功能一樣,childNodes和children功能一樣。但是parentNode和childNodes是符合W3C標準的,可以說比較通用。而另外兩個只是IE支持,不是標準,F(xiàn)irefox就不支持
--------------------------------------------------------
用這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自己的方法
============================================
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
看見沒有,這里的這個bbb,影響了結果
相關文章
javascript 支持鏈式調用的異步調用框架Async.Operation
javascript 支持鏈式調用的異步調用框架Async.Operation2009-08-08詳解JavaScript什么情況下不建議使用箭頭函數(shù)
箭頭函數(shù)作為ES6新增的語法,在使用時不僅能使得代碼更加簡潔,而且在某些場景避免this指向問題。但是箭頭函數(shù)不是萬能的,也有自己的缺點以及不適用的場景,本文總結了JavaScript什么情況下不建議使用箭頭函數(shù),感興趣的可以了解一下2022-06-06