如何更改扩展名HTML

Question

我目前正在制作Chrome扩展程序。我在扩展文件夹中有一个manifest.json，javascript和html文件。我在html中选择了单选按钮。我的目标是能够按下单选按钮，通过下方的单独按钮提交选择，并为此更改我当前正在查看的网站的某些内容（例如颜色）。但是，扩展程序不会更改网站，而只会更改扩展程序上的HTML。如何做到这一点，以便我在扩展程序上按下的按钮更改网站的HTML，而不是扩展程序的html？

我已经尝试创建单独的javascript文件并将它们链接到我的manifest.json文件，但是它没有改变。

 <div id="radioButtons">
        <input type="radio" id="toggleOn" name="drone">On</input>
        <input type="radio" id="toggleOff" name="drone">Off</input>
    </div>
    <button type="button" id="entryButton" onclick="submitClicked()">Submit</button>
    <script src="script.js"></script>

function submitClicked() {
    if (document.getElementById("toggleOn").checked) {
        var paras = document.getElementsByTagName("p");

        var parasArray = Array.from(paras);

        for(var i = 0; i<parasArray.length; i++){
            parasArray[i].style.backgroundColor = "red"; // just an example
        }
        document.location.reload();
    }
    else if (document.getElementById("toggleOff").checked) {

    }
    else{

    }
}