任何人都可以给我一个具体或明确的解释，什么时候在 JavaScript 中使用 QUERY 选择器和 ID 选择器？ [已关闭]

Question

我想通过 Id 选择器从 html 部分获取复选框，但没有得到所需的输出。之后我尝试通过 querySelector ，然后得到我想要的输出。所以这就是何时使用querySelector和ID选择器的困惑。请澄清。

const checkBoxElement = document.getElementById('checked');
const checkedBoxes = document.querySelectorAll('input[type="checkbox"]:checked');

这些是我从 IdSelector 切换到 querySelector 的情况。

Answer 1

const checkBoxElement = document.getElementById('checked');

此语句将返回 DOM 对象（文档）中

id

属性设置为

checked

的任何 HTML 元素。

const checkedBoxes = document.querySelectorAll('input[type="checkbox"]:checked');

此语句获取所有 type 属性设置为

input

且具有

checkbox

属性的

checked

元素。我们只得到已检查的项目。