css 如何使用javascript get元素修改div元素的背景色？[duplicate]

wfveoks0 于 2022-12-20 发布在 Java

关注(0)|答案(2)|浏览(128)

- 此问题在此处已有答案**：

（9个答案）
2天前关闭。
不知道如何修改id someInput的背景色（div）代码：

var number = Math.floor(Math.random() * 19) + 1;
var img1 = document.getElementById("img1");
var color1 = document.getElementById("someInput");
if (number == 1) {
    img1.src = "golconda.jpeg";
    color1.backgroundColor = 'red';
}

我成功地改变了图像源的id img1，但不能改变背景颜色。它的工作在CSS中，但我需要能够改变它在JS中。谢谢帮助。
已联机尝试其他解决方案，但未找到任何解决方案。

css

来源：https://stackoverflow.com/questions/74831150/how-to-use-javascript-get-element-to-modify-background-color-of-div-element

2条答案

按热度按时间

lmvvr0a81#

backgroundColor不是html元素color1的属性。Html元素具有style属性，而backgroundColor是style的属性。因此，您的代码应如下所示：

var number = Math.floor(Math.random() * 19) + 1;
var img1 = document.getElementById("img1");
var color1 = document.getElementById("someInput");
if (number == 1) {
    img1.src = "golconda.jpeg";
    color1.style.backgroundColor = 'red';
}

赞(0）回复(0）举报 2022-12-20

jdg4fx2g2#

您忘了在那里放样式，它应该只是背景而不是背景色
颜色1样式背景=“红色”;

赞(0）回复(0）举报 2022-12-20