parentElement 获取对象层次中的父对象。  
parentNode 获取文档层次中的父对象。  
childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。  
children 获取作为对象直接后代的 DHTML 对象的集合。

parentElement 属性,这个属性好理解,就是在 DOM 层次结构定义的上下级关系,如果元素A包含元素B,那么元素B就可以通过 parentElement 属性来获取元素A。 
这里主要说的是 offsetParent 属性,这个属性在 MSDN 的文档中也没有解释清楚,这就让人更难理解这个属性。 这几天在网上找了些资料看看,再加上自己的一些测试,对此属性有了那么一点的了解,在这里总结一下。 
要明白 offsetParent 属性,要先明白“已定位元素” 这个名字,所谓“已定位元素”就是指给元素设置了 position 属性的样式,并且 position 样式属性的值等于 absolute、relative、fixed 之一的元素。

--------------------------------------------------------

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

代码如下:

<div id="test1">

bbb<div>aaa</div>

<div>aaa</div>

</div>

<script>

alert(document.getElementById("test1").childNodes.length);

alert(document.getElementById("test1").children.length);

</script>

转载于:https://www.cnblogs.com/liyuspace/p/8983318.html

parentNode,parentElement,childNodes,children之间的区别相关推荐

  1. 【JS】中parentNode,parentElement,childNodes,children之间的区别

    parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. ...

  2. 深入了解parentNode,parentElement,childNodes,children的区别,一看就懂

    今天是准备面试的第七天,js是由ECMAScript.文档对象模型(DOM)和浏览器对象模型(BOM)组成,我们今天就了解下与DOM有关的常用接口parentNode,parentElement,ch ...

  3. parentNode,parentElement,childNodes,children最经典讲解

    首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点 ...

  4. 【转】parentNode,parentElement,childNodes,children最经典讲解

    点进去原文 首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点 ...

  5. js中parentNode,parentElement,childNodes,children

    首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点 ...

  6. parentNode,parentElement,childNodes,children区别

    childNodes childNodes指的是返回当前元素子节点的所有类型节点,其中连空格和换行符都会默认文本节点 childNodes只会返回文本和元素的节点,并不能返回属性节点!!! child ...

  7. parentNode,parentElement,childNodes,children的区别

    转自链接,https://blog.csdn.net/CODING_1/article/details/78202693 转载于:https://www.cnblogs.com/RioPlus/p/1 ...

  8. day31-33关于parentNode,parentElement,childNodes,children

    找节点和找元素是不同的. childNodes和children区别在于,childNodes可能会找到文本节点,而children只会找到元素节点. parentNode和parentElement ...

  9. offsetParent与parentElement ,parentNode,parentElement,childNodes和children

    offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element. 例如:   <BODY>   <div ...

最新文章

  1. Responsive设计——meta标签
  2. JavaWeb 错误/异常时页面提示
  3. 如何打造具有绝对市场竞争力的团队
  4. leetcode题目整数颠倒
  5. JavaScript | 数据属性与访问器属性
  6. 基于SpringJDBC 实现关键功能-QueryRuleSqlBulider
  7. 28. css样式中px转rem
  8. 如何将本地代码推送至远程仓库_命令简化版本
  9. 对博客园的建议与意见
  10. silverlight 学习笔记 (八):Prism中MEF的初步认识
  11. 尔雅计算机基础答案山大,大学计算机基础2018尔雅满分答案
  12. MarkDown - Latex符号(箭头)的整理
  13. 矩阵标准型的系数是特征值吗_「线性代数」根据特征值,将二次型化为标准形、规范形...
  14. 希尔伯特空间巴拿赫空间空间上的翻译
  15. MVP简单封装,不用再手写了
  16. python解常微分方程组
  17. 参加计算机社团的英语作文,2016年12月英语六级考试作文范文:参加社团
  18. 使用easywechat退款
  19. Clion 打包exe无法运行 且 cmd窗口中文乱码
  20. PaperWeekly 第32期 | 基于知识图谱的问答系统关键技术研究 #01

热门文章

  1. Ubuntu20.04 修改内核版本,降低版本, 锁定内核
  2. 机器学习强基计划4-5:详解半朴素贝叶斯分类TAN原理(附Python实现)
  3. css中用到百分比的属性
  4. 2022-2027年中国网络租车平台行业市场调研及未来发展趋势预测报告
  5. 小游戏——金庸奇侠传(JAVA,对面向对象的进一步了解)
  6. 基于阿基米德优化算法的函数寻优算法
  7. 学建筑要学哪些计算机绘图,建筑学专业要学哪些课程
  8. python黑的调白的_Python实现PS图像调整黑白效果示例
  9. 编程语言和标记语言的区别
  10. linux设备驱动归纳总结(三):6.poll和sellct【转】