有人可以简单解释一下，经典 DOM parentNode 和 Firefox 9 中新引入的 parentElement 有什么区别
【问题讨论】：
标签： javascript firefox dom
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，但您可能永远不会遇到它们。）
【讨论】：
parentElement是IE专有的东西；我相信当时的其他浏览器（例如 Netscape）支持parentNode，但不支持parentElement。 （显然，鉴于我已经提到了 Netscape，我说的是回到 IE5 及更早版本......）
documentfragment.firstChild.parentElement === null
g 内的 circle），在 IE 中，parentElement 将是未定义的，而 parentNode 将是你的重新寻找。 :(
在 Internet Explorer 中，parentElement 未为 SVG 元素定义，而 parentNode 已定义。
【讨论】：
parentElement 没有为 Node 实现是众所周知的 (developer.mozilla.org/en-US/docs/Web/API/Node/…) 但对于 SVGElement？我也无法在 IE 11.737.17763.0 中使用 document.createElement('svg').parentElement 重现此内容。这可能是在此期间解决的吗？
使用.parentElement，只要不使用文档片段就不会出错。
如果你使用文档片段，那么你需要.parentNode:
let div = document.createDocumentFragment().appendChild(document.createElement('div'));
div.parentElement // null
div.parentNode // document fragment
还有：
let div = document.getElementById('t').content.firstChild
div.parentElement // null
div.parentNode // document fragment<template id="t"><div></div></template>显然<html> 的.parentNode 链接到Document。这应该被视为决策 phail，因为文档不是节点，因为节点被定义可以被文档包含，而文档不能被文档包含。
【讨论】：
就像nextSibling and nextElementSibling 一样，请记住，名称中带有“元素”的属性总是返回Element 或null。没有的属性可以返回任何其他类型的节点。
console.log(document.body.parentNode, "is body's parent node"); // returns <html>
console.log(document.body.parentElement, "is body's parent element"); // returns <html>
var html = document.body.parentElement;
console.log(html.parentNode, "is html's parent node"); // returns document
console.log(html.parentElement, "is html's parent element"); // returns null
【讨论】：
还有一个区别，但仅在 Internet Explorer 中。当您混合 HTML 和 SVG 时会发生这种情况。如果父级是这两个中的“另一个”，则 .parentNode 给出父级，而 .parentElement 给出 undefined。
【讨论】：
undefined 而不是null。