"。"を含む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を含めることができないという制限がありますか？

.Iidを削除するのではなく、私の解決策はありますか？

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); 

EDIT

あなただけのIDで要素を選択したい場合は、getElementById()

を使用

document.getElementById(id);