国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

DOMException: Failed to execute 'querySelectorAll' on 'Document' is not a valid selector 報錯處理...

這篇具有很好參考價值的文章主要介紹了DOMException: Failed to execute 'querySelectorAll' on 'Document' is not a valid selector 報錯處理...。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

DOMException: Failed to execute 'querySelectorAll' on 'Document' is not a valid selector 報錯處理

問題過程

今天開發(fā)過程中,遇到一個報錯信息:

react-dom.production.min.js:5058 DOMException: Failed to execute 'querySelectorAll' on 'Document': '0bb64d67-b455-4130-9b73-55eda6a1975c8Buu-link-ellipsis' is not a valid selector.

截圖1

字面意思是:querySelectorAll 函數(shù)報錯,這個不是一個有效的選擇器。我在界面中,打開控制臺,可以找到這個 ID 是'0bb64d67-b455-4130-9b73-55eda6a1975c8Buu-link-ellipsis' 的 DOM 元素,但是為什么報錯呢?

問題原因

查了一下資料,MDN 上有明確解釋:HTML中的ID不能以數(shù)字開頭

截圖2

截圖3

**注意:**使用除 ASCII 字母、數(shù)字、_、-. 以外的字符可能會造成兼容性問題,因為 HTML 4 中不允許使用它們。雖然這個限制在 HTML5 中被解除了,但為兼容性考慮 ID 應(yīng)該以字母開頭。

解決方法

我原來直接把后端傳來的 ID 作為元素的ID,但是后端 slug 創(chuàng)建的 ID 可能是字母開頭,所以前端 HTML 的節(jié)點,對應(yīng)某些第三方庫,可能出錯??梢灾苯邮褂米帜搁_頭的 ID,這樣就正常了。

參考鏈接

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/id

https://www.runoob.com/jsref/prop-html-id.html

https://www.w3school.com.cn/tags/att_standard_id.asp

https://blog.csdn.net/weixin_34111790/article/details/93976227文章來源地址http://www.zghlxwxcb.cn/news/detail-699494.html

到了這里,關(guān)于DOMException: Failed to execute 'querySelectorAll' on 'Document' is not a valid selector 報錯處理...的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包