При использовании замены RegExp в ошибке chrome.tabs.query: невозможно прочитать свойство 'replace' из неопределенного

Question

это мой файл content.js, и когда я пытаюсь сделать так, чтобы слово "торт" подвергло цензуре слово "****", возникает ошибка: TypeError: Невозможно прочитать свойство 'replace' из undefined.Любые идеи о том, как это исправить?У меня такое ощущение, что это как-то связано с обратными вызовами, но я совершенно не уверен.

 document.addEventListener('DOMContentLoaded', function(event) {
var removeProf = document.getElementById('removeProf');
var fourmTabs = new Array();


removeProf.onclick = function(element) {
    chrome.tabs.query({}, function (tabs) {
    for (var i = 0; i < tabs.length; i++) {
        fourmTabs[i] = tabs[i];
    }
    for (var i = 0; i < fourmTabs.length; i++) {
        if (fourmTabs[i] != null)
        {
           window.console.log(fourmTabs[i].url);
        }

        else {
            window.console.log("??" + i);
        }
        // For loop to apply the cake censor
        for (var i = 0; i < fourmTabs.length; i++)
        {
            var webURL2 = fourmTabs[i];
            var sC = webURL2.innerHTML;
            var pattern = new RegExp(/cake/gi);
            sC = sC.replace(pattern,'\*\*\*\*')
            tabs[i].innerHTML = sC; 


        }
    }
});}}