не удается отобразить элемент dom с помощью пользовательского элемента в расширении-я думаю :(

#javascript #google-chrome-extension

Вопрос:

проблема отсутствует, и все работает нормально, если я не ищу слово в регулярном выражении явно, поэтому я предполагаю, что 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);  
                
            }
       
    
    
    }
}