parentNode 和 parentElement 在 Bootstrap 查找元素祖先时有什么区别？

parentNode vs. parentElement 解析

在 bootstrap 中查找元素祖先时，您可能会遇到需要使用 parentNode 或 parentElement 的情况。虽然二者都可行，但具体选择哪一个取决于需要查找元素的类型和相关规范。

Element vs. Node

parentNode 适用于任何类型节点（Node），包括元素（Element）、文本（Text）和注释（Comment）。另一方面，parentElement 仅适用于元素节点。

Bootstrap parents 方法

Bootstrap 中的 parents 方法用于在元素的祖先中查找匹配指定选择器的元素。该方法使用 parentNode.closest(selector) 来查找元素的父节点中第一个匹配选择器的祖先元素。

节点的类型

在 Bootstrap 的 parents 方法中，使用 parentNode 更为合适，因为它是泛型方法，需要通过任何类型的节点进行遍历，包括文档（Document）节点和文档碎片（DocumentFragment）节点。

使用 parentNode 而不是 parentElement

如上所述，parentNode 是 Bootstrap parents 方法更合适的选择，因为它可以确保遍历所有可能的祖先元素，而不仅仅是元素节点。此外，还值得注意的是，parentNode 在实际场景中通常会返回元素节点，因为包含其他元素的节点通常是元素节点。