【问题标题】：setting div background with javascript用javascript设置div背景
【发布时间】：2013-07-01 03:15:35
【问题描述】：

我知道这是一个完全基本的问题，但我无法弄清楚。

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>omglol</title>
    </head>
    <body>
        <div id="div2"> 
            <p> hello there you silly unicorn </p>
        </div>
        <script> 
            document.getElementById('div2').bgColor='blue'; 
        </script>
    </body>
</html>

那么按照我的估计，这应该是改变div2蓝色的背景？可悲的是，情况并非如此。我很苦恼，正在考虑听贾斯汀·比伯的话。

【问题讨论】：

一个很棒的页面标题和一个非常贬义的内容。对那个的校对做得很好！
类似stackoverflow.com/questions/1874560/…

标签： javascript html

【解决方案1】：

这样做...

document.getElementById('div2').style.backgroundColor = 'blue';

【讨论】：

【解决方案2】：

说明

bgColor 是deprecated (MDN)。

解决方案

见JavaScript DOM Element style property documentation。

更改元素背景颜色的正确方法是使用style对象并编辑其backgroundColor属性：

JavaScript

var div2 = document.getElementById('div2');
div2.style.backgroundColor = "blue";

在 JavaScript 中，backgroundColor 对应于 CSS 属性 background-color。 JavaScript 不允许名称中包含连字符，因此使用“camelCase”代替。 (MDN)

【讨论】：

为此欢呼。嗯，是什么原因先声明为var，然后再修改属性呢？
@SeraHolmes 您不一定需要声明变量，但为了一个简短的示例，此过程为将来可能查看此页面的任何人阐明了步骤。

【解决方案3】：

试试这个：

document.getElementById('div2').style.backgroundColor = "#00F"

【讨论】：

【解决方案4】：

使用纯 JavaScript：-

document.getElementById('div2').style.backgroundColor = 'Color Code';

使用 Jquery：-

$('#div2').css('background-color','color code');

【讨论】：

【解决方案5】：

这里..

document.getElementById('div2').style.backgroundColor = '#000000';

【讨论】：

【解决方案6】：

请考虑将其添加到函数pageLoad() 中，例如：

<script> 
    function pageLoad()
    {
        document.getElementById('div2').style.backgroundColor = 'blue';
    }
</script>

【讨论】：

【解决方案7】：

你可以使用：

document.getElementById('div2').style.background='blue';

【讨论】：