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>
element(document.documentElement
)没有作为元素的父元素,因此parentElement
isnull
。(还有其他可能性较小的情况parentElement
可能是null
,但您可能永远都不会遇到它们。)