不能使用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);