检查 div 是否是另一个的后代

Question

找出元素是否是另一个元素的后代的最佳方法 还有另一个问题，与这个问题非常相似，但它是 jquery。

那么，我如何在 js 中做到这一点？我按此顺序嵌套了 div a、b、c、d。另外，不确定是否重要，还有另一个 a、b、c… 和另一个。它不仅仅是一个元素。有很多相同的 id/class。

所以我想看看 d 是否有一个名为 a 的父级（无论嵌套有多深，只要有父级在上面就可以）。

编辑：另外，我有这个想法，我可以检查“a”的子节点并查看“d”是否是其中之一，但无法实现它。如果有人能让它工作，那就太棒了。

原文由 purplecircles 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

// x is the element we are checking
while (x = x.parentNode) {
    if (x.id == "a") console.log("FOUND");
}

原文由 tohava 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用 node.contains 来检查一个节点是否包含另一个节点。 https://developer.mozilla.org/en-US/docs/Web/API/Node.contains

原文由 vsr 发布，翻译遵循 CC BY-SA 3.0 许可协议