通过 JavaScript 更改我的 HTML 代码中的背景颜色 [重复]

Posted

技术标签:

【中文标题】通过 JavaScript 更改我的 HTML 代码中的背景颜色 [重复]【英文标题】:Change the background color in my HTML code through JavaScript [duplicate] 【发布时间】:2014-02-25 09:40:27 【问题描述】:

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

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

<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() 

【问题讨论】:

你有没有尝试过? 谢谢,这有点帮助,但我不知道如何在 div 标签内更改它。只有如何改变body的背景 这个问题似乎离题了,因为它是关于绝对基础知识的,你应该在一些教程或其他教程中阅读。 这个问题有一个为特定元素设置的答案:***.com/questions/3319/… 为什么需要这个?你不能用 CSS 修改背景颜色?上面的链接(来自@ryanulit 的回答)解决了您的问题。 【参考方案1】:

如果你想改变一个元素的背景,你可以使用这个:

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

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

用 inline-CSS 解决它:

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

【讨论】:

没关系。谢谢! 出现拼写错误。我更新了它 Solve it with HTML 我称之为内联CSS @MarkShimala 如果答案对您有用,请接受。如果没有,请发布您自己的答案。【参考方案2】:

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

【讨论】:

以上是关于通过 JavaScript 更改我的 HTML 代码中的背景颜色 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何通过 Carousel 中的 Javascript 代码更改背景图像?

如何使用javascript通过类名更改html元素的值

JavaScript 通过比较过期日期更改或更新HTML

无法更改 Javascript 中数字输入的默认值

我在php表单有选择时间的select 我想用javascript验证 闰年、大月、小月的问题,下面是我的javascript 代

更改 JavaScript 中的外部变量