小编Whi*_*ang的帖子

为什么 js dom api 'querySelector' 选择自身

我很困惑为什么$1，firstBB调用querySelector('.aa .bb')应该在元素下执行#root。

const $1 = document.querySelector('#root').querySelector('.aa .bb');
const $2 = document.querySelector('#root').querySelector('.aa').querySelector('.bb');

document.querySelector('#result').innerHTML = `$1 is ${$1.id}; $2 is ${$2.id}`

Run Code Online (Sandbox Code Playgroud)

<div class="aa" id="root">
  <div class="bb" id="firstBB">xxx</div>
  <div class="aa">
    <div class="bb" id="secondBB">xxx</div>
  </div>
</div>
<div>Result: <span id="result"></span></div>

Run Code Online (Sandbox Code Playgroud)

Chrome版本：116.0.5845.188

这是的正确行为吗querySelector？

javascript selectors-api queryselector

Whi*_*ang

2023 09-26

6
推荐指数

1
解决办法

67
查看次数