通过 JavaScript 更改我的 HTML 代码中的背景颜色 [重复]
Posted
技术标签:
【中文标题】通过 JavaScript 更改我的 HTML 代码中的背景颜色 [重复]【英文标题】:Change the background color in my HTML code through JavaScript [duplicate] 【发布时间】:2014-02-25 09:40:27 【问题描述】:javascript 和 html 的新手。我正在尝试通过 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 代码更改背景图像?
我在php表单有选择时间的select 我想用javascript验证 闰年、大月、小月的问题,下面是我的javascript 代