javascript - 如何正确转义querySelector()字符

我有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");

最佳答案

我从显而易见的内容开始，但是这行工作：

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

这是一个工作示例：

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

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