如何正确转义 querySelector() 字符

Question

我有 id = 的 iframegoogle_ops_iframe_/15465462/cor.it_320x320_domestic_mobile_OF_0__container

如何转义此 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

这是一个工作示例：

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

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