parentElement 与 parentNode 的区别

首先，您需要知道元素和节点之间的区别。总之，元素是一种特殊类型的节点，它表示 DOM 树中的单个节点。它不仅可以是元素，还可以是注释、文档、文本节点等。

在大多数情况下，parentElement 和 parentNode 属性返回相同的节点：

// 两者都返回 <html> 元素
document.body.parentNode
document.body.parentElement

唯一的区别是，如果父节点不是元素节点，则 parentElement 属性可以为 null：

// 例外
// 返回文档节点
document.documentElement.parentNode// 返回 null，因为 <html> 元素不存在
// 有一个父元素节点
document.documentElement.parentElement

提示

通过检查父元素是否存在，我们可以从给定元素移动到 html 标签：

while (ele = ele.parentElement) {// ...
}

下面的代码段计算从给定元素到页面顶部的距离：

const distanceToTop = (ele) => {let x = 0while ((ele = ele.parentElement)) {x += ele.offsetTop}return x
}

查看全文

http://www.taodudu.cc/news/show-3572648.html

JS中parentNode和parentElement的区别
Cannot read property 'parentElement' of undefined问题解决
js parentElement
parentNode,parentElement,childNodes,children之间的区别
parentNode、parentElement，childNodes、children 区别
srcelement、parentElement
parentElement:返回当前元素的父元素节点（IE不兼容）、children:只返回当前元素的元素子节点、childElementCount、firstElementChild、......
js中parentNode,parentElement,childNodes,children
parentNode,parentElement,childNodes,children区别
【转】parentNode,parentElement,childNodes,children最经典讲解
Javacript中parentElement和parentNode的简单用法[0303]
js中parentNode和parentElement的区别和用法
parentElement、offsetparent、parentNode
html parent()属性,HTML DOM parentElement用法及代码示例
js DOM parentElement parentNode - Kaiqisan
【前端 HTML+CSS+JavaScript(JS)】DOM练习-购物车的实现 ~ElementSibling parentElement children 事件的绑定与带注释/总结
dom node and html element,DOM parentNode和parentElement之间的区别
parentNode,parentElement,childNodes,children最经典讲解
深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
idea中Stash与Unstash的使用
matlab git stash,［已解决］git stash 丢弃
Git - stash(暂存区) 用法
Git - git stash 常用方法整理
git shanchu stash_git stash命令
stash 使用
git stash的详细讲解
git shanchu stash_git stash命令使用手册
git stash 强制恢复_git stash恢复
git stash详解
git shanchu stash_git-stash用法小结

parentElement 与 parentNode 的区别相关推荐

Javascript中parentElement和parentNode的区别
parentNode和parentElement的区别第一点:parentNode跟parentElement,前者是w3c标准,后者只ie支持. parentElement是ie专用的,就是说在f ...
Javacript中parentElement和parentNode的简单用法[0303]
Javacript中parentElement和parentNode的简单用法[0303] 一.开解: 本文主要讲的是parentElement和parentNode用法,先说说他们的区别吧,如果不在 ...
深度剖析offsetParent、offsetTop、offsetLeft和ParentNode的区别
深度剖析offsetParent.offsetTop.offsetLeft和ParentNode的区别 ParentNode: 是直接结构上的父级,并不是显示父级 offsetParent: 有点类似 ...
深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
今天是准备面试的第七天,js是由ECMAScript.文档对象模型(DOM)和浏览器对象模型(BOM)组成,我们今天就了解下与DOM有关的常用接口parentNode,parentElement,ch ...
parentNode,parentElement,childNodes,children的区别
转自链接,https://blog.csdn.net/CODING_1/article/details/78202693 转载于:https://www.cnblogs.com/RioPlus/p/1 ...
parentElement与parentNode
个人学习,简单记录. 获取父元素的区别 IE下 obj.parentElement FF下 obj.parentNode
JS的dom操作基础——获取元素
系统提供的方法在H5之前的技术: 1.getElementById("目标元素的id值") 通过标签的id获取,如果未找到返回null. 2.getElementsByClas ...
parentNode,parentElement 区别
offsetParent,parentNode,parentElement 区别 offsetParent 指与位置有关的上级元素 parentNode 指与位置无关的上级元素 parentEleme ...
dom node and html element,DOM parentNode和parentElement之间的区别
6 个答案: 答案 0 :(得分:380) parentElement是Firefox 9和DOM4的新功能,但它已经存在于所有其他主流浏览器中. 在大多数情况下,它与parentNode相同.当节点 ...

parentElement 与 parentNode 的区别

提示

相关文章：

parentElement 与 parentNode 的区别相关推荐

最新文章

热门文章