javascript - 无法在扩展中使用自定义元素渲染 dom 元素——我猜 :(

Question

问题不存在，如果我没有在正则表达式中明确搜索单词，一切正常，所以我猜 url 正在以某种方式发生变化，也许当我明确搜索时

当我激活扩展并明确搜索正则表达式中的单词时，浏览器会刷新并变为空白

我找不到对此反应的任何解释，但链接以某种方式受到影响（我认为）。我正在关注 webdevsimplified youtube 频道的扩展教程，它假设将正则表达式单词的每个外观转换为黑色背景和黑色。

replaceText(document.body);

function replaceText(element)
{
    if(element.hasChildNodes())
    {
        element.childNodes.forEach(replaceText)

    }else if(element.nodeType === Node.TEXT_NODE)
    {
            if(element.textContent.match(/coronavirus|covid|covid-19/gi))
            {   
                const newElement = document.createElement('span')
                newElement.innerHTML = element.textContent.replace(/(coronavirus|covid|covid-19)/gi,'<span style="background-color:black; color:black";>$1</span>')
                element.replaceWith(newElement);

            }else{
                // console.log(element.nodeType);  
                
            }
       
    
    
    }
}

标签： javascriptgoogle-chrome-extension