为什么我的CSS选择器无效？

Question

我正在尝试使用以下数据库ID作为选择器

5b4bb7d2685cfb094b1d46c3

摘录如下:

document.querySelector('#5b4bb7d2685cfb094b1d46c3')

<button id="5b4bb7d2685cfb094b1d46c3">

当我尝试选择器时,我收到以下错误:

Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#5b4bb7d2685cfb094b1d46c3' is not a valid selector.

我的选择器出了什么问题？

Answer 1

虽然这在HTML中有效,但您不能在CSS选择器中使用以整数开头的ID .您可以使用属性选择器:

document.querySelector("[id='5b4bb7d2685cfb094b1d46c3']")

或切换到使用getElementByIdif if是一个选项:

document.getElementById("5b4bb7d2685cfb094b1d46c3")