querySelector 的误解

260 阅读1分钟
<div class="container">
    <div class="parent">
        <div class="child"></div>
      </div>
  </div>
// target1 能成功找到 👌
const target1 = document.querySelector(".container .child")

// target2 也能成功找到 
const parent = document.querySelector(".parent")
const target2 = parent.querySelector(".container .child")

一直认为 A.querySelector(B) 是在元素A下去查找B, 按照这个逻辑,上述代码中的 target2 应该为 null。但实际结果也能成功返回元素 child.

根据 MDN 的解释:

image.png