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

Question

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

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;");

希望对您有所帮助！

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

Changing the background color of an element sets websites text to the color

javascript

html

css

bookmarks