解释

Question

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

<!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蓝色的背景？遗憾的是，情况并非如此。我最苦恼，并考虑听贾斯汀比伯。

Answer 1

这样做......

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

Answer 2

解释

bgColor是deprecated （MDN）。

解决方案

请参阅JavaScript DOM Element style property documentation。

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

的JavaScript

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

在JavaScript中，backgroundColor对应于CSS属性background-color。 JavaScript不允许在名称中使用连字符，因此使用“camelCase”。（ MDN ）

Answer 3

试试这个：

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

Answer 4

使用纯JavaScript： -

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

使用Jquery： -

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

Answer 5

下面..

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

Answer 6

您可以使用：

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

Answer 7

请考虑将其添加到功能pageLoad()中，如：

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

用javascript设置div背景

7 个答案:

解释

解决方案

的JavaScript