QuerySelectorall也选择儿童课程

Question

示例 -

<div class="main"></div>
<div class="main child"></div>

在Chrome DevTools上document.queryselectorall（“。Main”） selects＆amp;主要孩子。

我如何仅选择主？

Answer 1

使用.main：不是（.Child）仅选择具有main类的元素，而不是child class。

console.log(document.querySelectorAll('.main:not(.child)'))

<div class="main"></div>
<div class="main child"></div>

on mdn