不能使用包含“。”的 id 的查询选择器。 [复制]

Question

假设我有一个<li id="gen__1002_____46.14_li">

我想选择这个li。

为了能够实现它，我写道，

var id="gen__1002_____46.14_li";
document.querySelector("#" + id);

但是 querySelector 返回为;

Failed to execute 'querySelector' on 'Element': '#gen__1002_____46.14' is not a valid selector.

当id 不包含dot 字符时，它会正确选择。

我的问题是，如何选择 id 包含 . char 的 html dom 元素。是否有任何限制 id 不能包含. char。

我有什么解决方案，而不是删除 id 中的 .。

Answer 1

你需要转义点

$('#thisIs\\.anId') // will select <span id="thisIs.anId">test</span>

在纯js中：

var id="gen__1002_____46.14_li";
id = id.replace(/\./g, '\\\\.'); // escaping dots using regex
document.querySelector("#" + id);

编辑

如果你只想按 id 选择元素，请使用getElementById()

document.getElementById(id);