DOM parentNode 和 parentElement 的区别

小编典典

DOM parentNode 和 parentElement 的区别

all

有人可以简单地解释一下，经典的 DOM parentNode和 Firefox 9
中新引入的parentElement有什么区别

阅读 112

2022-03-06

共1个答案

小编典典

parentElement对于 Firefox 9 和 DOM4 来说是新的，但它在所有其他主要浏览器中已经存在很长时间了。

在大多数情况下，它与
相同parentNode。唯一的区别是节点parentNode不是元素时。如果是这样，parentElement是null。

举个例子：

document.body.parentNode; // the <html> element
document.body.parentElement; // the <html> element

document.documentElement.parentNode; // the document node
document.documentElement.parentElement; // null

(document.documentElement.parentNode === document);  // true
(document.documentElement.parentElement === document);  // false

由于<html>元素 ( document.documentElement)
没有作为元素的父元素，parentElement因此是null.
（还有其他更不可能的情况，但您可能永远不会遇到它们。parentElement）null

2022-03-06