Question

JavaScript和HTML新手。我正在尝试通过JavaScript更改HTML代码中的背景颜色。

我唯一需要做的就是只使用JavaScript并将HTML代码保持不变，将下面divMain的背景颜色从黑色更改为白色

<style>

#divMain {
position:absolute;
left:0px;
top:0px;
width:320px;
height:460px;
background-color:black;
-webkit-user-select:none;
-webkit-text-size-adjust:none;
}

</style>

</head>

<body 
onload="body_load();" 
>

<div 
id="divMain">
</div>

我在JavaScript代码中唯一拥有的是：

function body_load() {
}

Answer 1

如果要更改元素的背景，可以使用：

document.getElementById("divMain").style.backgroundColor = "#FF0000";

它会将div-Background更改为红色。但是你为什么要用javascript做这个呢？

使用inline-CSS解决它：

<div id="divMain" style="background-color: red"></div>

Answer 2

document.getElementById("divMain").style.backgroundColor="red"例如

通过JavaScript更改HTML代码中的背景颜色

2 个答案: