寻找祖先元素：parentnode vs. parentelement

在 html 中，元素通常与其父元素关联。为了在 dom 树中导航，我们可以使用parentnode或parentelement属性来查找父元素。然而，这两种属性之间存在一些细微差别，在特定情况下值得考虑。

parentnode和parentelement的主要区别在于它们可以返回的不同类型。parentnode可以返回任何类型的节点，包括元素、文本和注释。另一方面，parentelement仅返回元素节点。

在上面引用的代码片段中，parents()函数旨在查找元素的祖先元素中所有匹配选择器的元素。在这种情况下，使用parentnode来查找祖先元素似乎更合适。这是因为 dom 树中的祖先元素通常是元素节点，可以包含其他元素。

立即学习“前端免费学习笔记（深入）”；

然而，问题中提到了一个例外情况：parentnode 也可能返回 document 或 documentfragment 节点。在某些非常特殊的情况下，一个元素节点的父节点可能是一个 document 或 documentfragment 节点，这可能会导致意料之外的结果。

例如，考虑以下 html 片段：

<template id="my-template">
  <div>
    <p>Hello world</p>
  </div>
</template>

在这种情况下，parentnode将为

元素返回