不能使用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字符，它正确地进行选择。

我的问题是，如何选择一个html dom元素，其ID包括. char。有没有任何限制，ID不能包括.字符。

有没有对我有任何解决方案，而不是在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);