关于Failed to execute 'querySelectorAll' on 'Document': '#1517905886124' is not a valid selector."

最新推荐文章于 2024-08-14 14:02:42 发布
最新推荐文章于 2024-08-14 14:02:42 发布
阅读量7.8k 收藏 3
点赞数 8
CC 4.0 BY-SA版权
文章标签： 前端 querySelectorAll
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yang1067155909/article/details/79272074
本文介绍了一种在使用querySelector时遇到的问题，即选择器不能用于全数字ID的情况，并提供了解决方案，即在时间戳前加字母确保唯一性。

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

Failed to execute 'querySelectorAll' on 'Document': '#1517905886124' is not a valid selector.在开发中我想使用时间   戳作一个唯一的ID，可是在进行querySelector操作的时候一直报错，原来querySelector操作是不允许查找的内容为全数字的，在时间戳前面加上一个字母之类的字符即可

yang1067155909
关注
element plus - 报错Uncaught DOMException: Failed to execute ‘querySelectorAll‘ on ‘Element‘: ‘x‘ is no
高级前端工程师
06-01 3851
vue3，element-plus，虚拟表格，querySelectorAll，鼠标移入表格就报错，鼠标放到表格上就会一堆报错，elementPlus虚拟化表格报错警告解决，el-table-v2，如何解决虚拟化表格警告，element plus虚拟化表格组件， [Vue warn]: Unhandled error during execution of native event handler，Uncaught DOMException: Failed to execute 'querySelector
Odoo16 SyntaxError: Failed to execute ‘querySelectorAll‘ on ‘Element‘: ‘footer:not(field footer)‘ is
fqfq123456的专栏
04-11 962
访问 odoo16 表单页时如果出现如题的报错，一般是由于浏览器的兼容性问题导致的，比如在旧的浏览器内访问就容易出现这个问题，升级至最新版本，问题解决。今天碰到一次，装上后每次点设置时提示此错误，重装几次数据库，新库安装时还乱，没装项目却装了项目等等。
DOMException: Failed to execute 'querySelectorAll' on 'Document' is not a valid selector 报错处理...
MichaelAn的博客
02-13 5284
DOMException: Failed to execute 'querySelectorAll' on 'Document' is not a valid selector 报错处理 问题过程 今天开发过程中，遇到一个报错信息： react-dom.production.min.js:5058 DOMExcept...
Javascript报错Failed to execute ‘querySelectorAll‘ on ‘Document‘: ‘#123456‘ is not a valid sele
热门推荐
宇宙的黑洞
12-19 3万+
Javascript报错：Failed to execute ‘querySelectorAll’ on ‘Document’: ‘#123456’ is not a valid selector 解决方式(除开特殊符号,第一个字符必须是字母)： 第一种： 将ID前面加字母，例如：document.querySelectorAll('#id123456') 第二种: 根据ID属性,例如：docum...
DOMException: Failed to execute ‘querySelectorAll‘ on ‘Document‘ is not a valid selector 报错处理
MichaelAn的博客
07-16 1万+
DOMException: Failed to execute ‘querySelectorAll’ on ‘Document’ is not a valid selector 报错处理 问题过程 今天开发过程中，遇到一个报错信息： react-dom.production.min.js:5058 DOMException: Failed to execute ‘querySelectorAll’ on ‘Document’: ‘0bb64d67-b455-4130-9b73-55eda6a1975c8Bu
前端踩坑DOMException: Failed to execute ‘querySelector‘ on ‘Document‘: ‘#091.....‘
qq_58307541的博客
08-14 776
前端踩坑DOMException: Failed to execute 'querySelector' on 'Document': '#091.....'
vue3 - 详解报错TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type ‘Node‘.
高级前端工程师
07-27 1万+
vue3，nuxt3，vite，报错，TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type 'Node'.，节点报错，vue3 insertBefore，打包，运行，编译，dom元素，渲染，路由router，组件components，vue3生产环境跳转路由报错，浏览器控制台报错，百度地图使用报错，报错爆红，vue项目报错，插入节点insertBefore()报错，vue3 用global.prod
解决vue3-ts 调用第三方api报错“Failed to execute ‘postMessage‘ on ‘Window‘: #＜Object＞ could not be cloned.“的问题
幽冥雪羽的博客
03-14 4477
这通常意味着你只能发送基本的数据类型（如字符串、数字、布尔值、null、undefined、ArrayBuffer、Blob、ImageBitmap、ImageData、File 和 FileList 等）或者可以序列化为这些类型的对象。常见的不能发送的对象包括函数、DOM 节点、XMLHttpRequest 对象或者其它具有复杂内部状态的对象。虽然使用 ref.value 解包，但是返回的对像不是原始对像，而是一个代理响应式对象内部的真实值，这个代理对象具有额外的属性和方法，导致序列化错误。
maven出现：Failed to execute goal on project ...: Could not resolve dependencies for project ...
云智禅师的专栏
02-15 3699
[INFO] ------------------------------------------------------------------------ [INFO] Reactor Summary for demo 0.0.1-SNAPSHOT: [INFO] [INFO] demo ............................................... FAILU...
DOMException: Failed to execute ‘querySelectorAll‘ on ‘Element‘:小白求助 这个报错咋解决啊
iwt2cuo的博客
09-13 656
element-plus使用虚拟化表格报错：Failed to execute ‘querySelectorAll‘ on ‘Element‘: ‘[rowkey=1]‘ is not a valid
上官熊猫的博客
05-20 920
element-plus使用虚拟化表格组件el-table-v2报错：Failed to execute 'querySelectorAll' on 'Element': '[rowkey=1]' is not a valid selector。版本更新后才有这个问题，排查后发现，与数据的id值有关
前端踩坑_Failed to execute ‘querySelector‘ on ‘Document‘: ‘#5d...,is not a valid selector.
m0_52724742的博客
11-29 1491
is not a valid selector
Failed to execute ‘querySelector‘ on ‘Document‘: ‘#1644394137513‘ is not a valid selector.
pgLi
02-09 3618
背景 1、vue中data定义一个id属性，使用Date.now();创建随机值，id 取不到 data: { id: `${Date.now()}` }, // 模板中使用 <vue-image-upload :id="id" @onUploadChange="onUploadChange"/> // vue-image-upload组件中this.id取不到 mounted() { const me: any = this; //
d3+ts：DOMException: Failed to execute ‘querySelector‘ on ‘Document‘: The provided selector is empty.
特仑苏的博客
08-28 720
d3+ts:The provided selector is empty
querySelector报错：: Failed to execute 'querySelector' on 'Document': '#$$assgrp__f0001' is not a valid
qssn的博客
03-04 7529
导致这种报错的querySelector是按css规范来实现的，所以它传入的字符串中第一个字符不能是数字、特殊字符，修改成用属性匹配即可解决，如下 document.querySelector('[id="$$assgrp__f0001"]') ...
_Failed to execute ‘querySelector‘ on ‘Document‘: ‘#0d...,is not a valid selector.
Mia的博客
11-17 584
报错原因:选择dom元素选择器不能以数字开头。
【一句话博客】SyntaxError: Failed to execute ‘querySelector’ on ‘Document’: “xxx” is not a valid selector."
等时钟成长
04-14 1万+
出现了报错 SyntaxError: Failed to execute ‘querySelector’ on ‘Document’: “xxx” is not a valid selector." 原因 我使用了guid做div的id，出现了数字为首的id形式，而querySelector不识别数字开头的命名，所以报错。 解决办法 改用getElementById()即可 ...
【JavaScript】Failed to execute ‘querySelector‘, is not valid selector
纠缠AI的亮子
01-01 2044
JS中使用 getElementById 时，标识符以数字开头没有问题。但是，querySelector 是 CSS3 选择器，以数字开头的标识符就会报错。当使用 querySelector 时，出现这个错误，很可能的一个原因是：选择标识符以数字开头。
关于querySelector的用法问题
Hatake Kakashi's blog
08-07 3177
querySelector 在今天做大作业项目的时候，发现document.querySelector使用一直报错，报错内容如下： “Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’: ‘#2’ is not a valid selector.” 然而反复查找自己的语法发现并没有错误，通过查找资料阅读文档...
SyntaxError: Failed to execute 'querySelectorAll' on 'Document': '#businessLine option:selected' is not a valid selector.
最新发布
10-25
这个错误提示是在JavaScript中发生的，`SyntaxError: Failed to execute 'querySelectorAll' on 'Document': '#businessLine option:selected' is not a valid selector`的意思是尝试通过`querySelectorAll`方法选择文档中的元素时出错，因为提供的CSS选择器`#businessLine option:selected`无效。 `#businessLine`是一个ID选择器，用于选取id为`businessLine`的元素，而`option:selected`通常用于选中的`<option>`标签，但在JavaScript中，`option:selected`需要放在一个`select`元素的上下文中，表示选中了该`select`的所有`option`中的哪一个。例如，正确的语法可能是： ```javascript const businessLineOptions = document.querySelector('#businessLine select').options; ``` 这里首先找到id为`businessLine`的`select`元素，然后获取其所有`option`元素。如果你直接使用`#businessLine option:selected`，说明你在DOM上可能没有正确地定位到包含已选选项的`select`元素。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值