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