如何正确转义querySelector（）字符

Question

我有id = google_ops_iframe_/15465462/cor.it_320x320_domestic_mobile_OF_0__container

的iframe

如何转义此ID的字符，以便能够使用querySelector()选择此元素？

我试过跟着没有运气：

var elem = document.querySelector("#google\\_ops\\_iframe\\_\\/15465462\\/cor\\.it\\_320x320\\_domestic\\_mobile\\_OF\\_0\\_\\_container");

Answer 1

我从明显的开始，但这一行：

document.getElementById('google_ops_iframe_/15465462/cor.it_320x320_domestic_mobile_OF_0__container');

使用getElementById时，您不必转义字符。

但如果您真的必须使用querySelector，问题在于/和.个字符。所以你的选择器应该是#google_ops_iframe_\\/15465462\\/cor\\.it_320x320_domestic_mobile_OF_0__container

这是一个工作示例：

＆＃13;

＆＃13;

console.log(document.querySelector('#google_ops_iframe_\\/15465462\\/cor\\.it_320x320_domestic_mobile_OF_0__container'));

＆＃13;

<iframe id="google_ops_iframe_/15465462/cor.it_320x320_domestic_mobile_OF_0__container"></iframe>

＆＃13;

＆＃13;

＆＃13;