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

2019-12-24,,,

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自己的方法

============================================

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
看见没有,这里的这个bbb,影响了结果

您可能感兴趣的文章:

  • JavaScript操作DOM元素的childNodes和children区别
  • javascript中parentNode,childNodes,children的应用详解
  • js遍历子节点子元素附属性及方法
  • js与jquery获取父元素,删除子元素的两种不同方法
  • Javascript中找到子元素在父元素内相对位置的代码
  • js判断一个元素是否为另一个元素的子元素的代码
  • JS中用childNodes获取子元素换行会产生一个子元素

《Js中parentNode,parentElement,childNodes,children之间的区别.doc》

下载本文的Word格式文档,以方便收藏与打印。