当 DOM 中存在时，querySelector 返回“无法执行 div 不是有效选择器”

如何解决当 DOM 中存在时，querySelector 返回“无法执行 div 不是有效选择器”

我遇到了一个问题，即当我从代码运行它时“div ID”无效。

但是，当我 document.querySelector('#div-gpt-ad\\/1594654184865-0>div') 返回正确的 div ID。 错误截图：https://gyazo.com/a7f1898f246bd84f28e85c2052ac60eb

执行代码前页面上已经存在div id，renderDiv函数中的console.log返回

这是我要执行的代码：

var slots = window.top.googletag.pubads().getSlots();
 
init(slots);
function init(slots) {
    for (let i = 0; i < slots.length; i++) {
        renderDiv(slots[i]);
    }
}
function getSelectors(slot) {
    var escapeCheck = slot.getSlotElementId();
    if(escapeCheck.includes('/')){
       let placeHold = escapeCheck.replace(/\//g,'\\\\/');

        return  "#" + placeHold + ">div" ;
    } else{ 
    return "#" + escapeCheck + ">div";
}
}
function renderDiv(slot) {
        let selector = getSelectors(slot);
        
        console.log("Selector:" + selector)
       document.querySelector(selector)

}

解决方法

已修复！

将 let placeHold = escapeCheck.replace(/\//g,'\\\\/'); 更改为

let placeHold =escapeCheck.replace(/\//g,"\\/").replace(/\./g,"\\.");

我还不太明白为什么第一个不起作用，因为通过的字符串是正确的