来自另一组按钮的类按钮上的QuerySelector

Question

我尝试使用以下命令：我想从另一组更大的按钮组中选择一组按钮

var btns = document.querySelector('(button[class=QualityIntbtn]):not([id=reset]):not([id=submit])');

是不是？

Answer 1

您需要使用.querySelectorAll()来选择加上一个元素并调整您的选择器：

document.querySelectorAll('button.QualityIntbtn:not(#reset):not(#submit)')

工作代码段

var btns = document.querySelectorAll('button.QualityIntbtn:not(#reset):not(#submit)');

console.log(btns.length);

<button class="QualityIntbtn" id="reset">Reset</button>
<button class="QualityIntbtn" id="test1">test 1</button>
<button class="QualityIntbtn" id="test2">test 2</button>
<button class="QualityIntbtn" id="submit">Submit</button>
<button class="QualityIntbtn" id="test3">test 3</button>