【问题标题】:Change the background color in my HTML code through JavaScript [duplicate]通过 JavaScript 更改我的 HTML 代码中的背景颜色 [重复]
【发布时间】: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的背景
  • 这个问题似乎离题了,因为它是关于绝对基础知识的,你应该在一些教程或其他教程中阅读。
  • 这个问题有一个为特定元素设置的答案:stackoverflow.com/questions/3319/…
  • 为什么需要这个?你不能用 CSS 修改背景颜色?上面的链接(来自@ryanulit 的回答)解决了您的问题。

标签: javascript html css


【解决方案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" 例如

【讨论】:

    猜你喜欢
    • 2015-08-05
    • 1970-01-01
    • 2011-08-17
    • 2018-03-22
    • 2017-12-20
    • 1970-01-01
    • 2015-06-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多