javascript - 使用 Javascript 进行超大屏幕颜色操作

Question

我有一个 javascript 的问题。我想控制 jumbotron 颜色并每 3 秒将其设置为随机颜色。这里的问题是我不知道如何使用 JavaScript 操作 CSS，因为我是新手到javascript。我看到了其他一些解决方案和一些其他线程，但没有用。(我不知道我是否做错了什么)。我现在没有编写任何 js 代码，因为我删除了所有不起作用的东西。

.jumbotron { 
   background-color: #f14444 !important;
}
/*Without the !important rule it won't change color!*/

如果您有任何您认为我没有检查过的线程，我很乐意检查它们，但我有足够的信心说我已经看过它们了。
无论如何，感谢您的宝贵时间!

Answer 1

要更改背景颜色，只需选择元素并设置属性:

setTimeout(() => {
  document.querySelector('.jumbotron').style.backgroundColor = '#f14444';
}, 1000);

.jumbotron {
  height: 300px;
  width: 300px;
  background-color: black;
}

<div class="jumbotron"></div>

请注意，上面将选择第一个找到的具有给定类的元素，因此如果您需要定位特定元素，请考虑给它一个 id 并选择它，如上面的@Phil 所示。