Js中parentNode,parentElement,childNodes,children之间的区别

ttx9n

这篇文章主要是对Js中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自己的方法

============================================
bbbaaa aaa <script> alert(document.getElementById("test1").childNodes.length); alert(document.getElementById("test1").children.length); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
看见没有，这里的这个bbb，影响了结果

wangdj110

的谁vdvdsvdsvdsdsv

j__j33p

呵呵呵呵呵呵

JosephSA

啦啦啦啦啦啦啦啦！

5vulod

撒房产税陈飞飞

e8hwl6prw

非常vbcbvcvbvcb

e5plu

dfdsafdsfdsfdsf

uj9lpc

还有人在不。。。。。。。。。。啊

xf9hlg1

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

95nd4ba

天天源码社区。。。。