javascript - Node.contains() 不会检测孙子为真

Question

我有一个类似这样的 HTML 元素

<div class="grand-parent">
  <div class="immediate-parent">
    <div class="grand-child"></div>
  </div>
</div>

但是，每当我尝试检查

const grandchild = document.querySelector(".grand-child");
const grandparent = document.querySelector(".grand-parent");
console.log(grandparent.contains(grandchild));

我总是得到一个错误的返回值。我在 Google Chrome 63.0.3239.84 上运行我的代码

Answer 1

是否有多个 .grand-parent 元素，或 .grand-child 元素？

querySelector ( MDN link ) 返回第一个元素，因此您可能会得到不需要的 grandchild 或 grandparent 元素。