更改元素的背景色会将网站文本设置为该颜色

Question

我正在尝试使用The code I wrote制作JavaScript书签。它应该添加一个元素（在这种情况下，它添加了一个div。div与innerHeight和innerWidth的大小一样大。高度每250毫秒缩小几像素。它在CodePen上有效，但是当我尝试时另一个网站，它将页面的整个HTML更改为“白色”（这是添加的元素的背景色）。代码如下：

var falseLoaderContainer = document.getElementsByTagName("html")[0];
falseLoaderContainer.innerHTML += `<div id="falseLoader"></div>`;
var falseLoader = document.getElementById("falseLoader");
falseLoader.style.position = `absolute`;
falseLoader.style.width = `${window.innerWidth}px`;
falseLoader.style.height = `${window.innerHeight}px`;
falseLoader.style.bottom = `0px`;
falseLoader.style.left = `0px`;
falseLoader.style.backgroundColor = `white`;
var falseLoaderHeight = falseLoader.style.height.replace(/px/g, "");
var updateFalseLoader = setInterval(function () {
    falseLoaderHeight *= 1;
    falseLoaderHeight -= Math.ceil(Math.random() * 4);
    falseLoader.style.height = falseLoaderHeight + "px";
    if (falseLoaderHeight <= 0) {
        clearInterval(updateFalseLoader);
    }
}, 250);

Answer 1

尝试：

var element = document.getElementById("id");
element.setAttribute("style", "background-color: COLOR";);

或：

var element = document.getElementBYId("id");
element.style = "background-color: COLOR;");

希望这会有所帮助！