javascript - 来自另一组按钮的 Class Buttons 上的 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>