首页 >web前端 >css教程 >为什么 `querySelector` 只选择第一个元素以及如何修复它?

为什么 `querySelector` 只选择第一个元素以及如何修复它?

Susan Sarandon
Susan Sarandon原创
2024-11-06 00:06:02330浏览

Why Does `querySelector` Only Select the First Element and How to Fix It?

为什么 querySelector 只选择第一个元素以及如何修复它

使用 querySelector 时,重要的是要记住它只选择第一个元素文档中的匹配元素。如果您有多个具有相同类或 ID 的元素,则仅返回第一个元素。

在您的情况 中,您有多个具有相同类工作日的按钮,表示日历上的日期。当你点击其中一个时,它不起作用,因为 querySelector 只选择了第一个。

解决方案是使用 querySelectorAll 代替,它返回所有的节点列表匹配元素。然后,您可以迭代列表并将事件侦听器附加到每个元素。

这是更正的代码:

这会将事件侦听器附加到工作日类的每个元素,确保单击任何日期都可以打开表单。

以上是为什么 `querySelector` 只选择第一个元素以及如何修复它?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn