Failed to execute ‘querySelector‘ on ‘Document‘: ‘#161725collapse‘ is not a valid selector.

凯尔秋

于 2021-12-09 15:13:00 发布

阅读量3.9k

点赞数 6

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签： bootstrap javascript

本文链接：https://blog.youkuaiyun.com/kylequ5521/article/details/121824240

学习笔记专栏收录该内容

7 篇文章

订阅专栏

本文记录了一位开发者在使用JavaScript时遇到的一个问题：当ID以数字开头时，document.querySelector会抛出'querySelector' on 'Document': '#161725collapse' is not a valid selector的异常。通过测试，确认了这是由于JavaScript中ID选择器不支持数字开头的ID导致的。解决方案是将ID改为字母开头，从而避免了该错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录一个小问题：

写JS遇到一个异常

 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#161725collapse' is not a valid selector.
    at i (https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js:6:543)
    at HTMLAnchorElement.<anonymous> (https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js:6:20270)
    at HTMLDocument.n (https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js:6:4406)

但是我的html代码里面明明有这个 #161725collapse id，为什么会找不到呢

然后我用JQuery选择器和document原生的选择器测试了一下：