0

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

<!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蓝色的背景？可悲的是，情况并非如此。我很苦恼，正在考虑听贾斯汀·比伯的话。

4

7 回答 7

2

做这个...

document.getElementById('div2').style.backgroundColor = 'blue';
于 2013-07-03T12:25:45.630 回答
1

解释

bgColor已弃用 (MDN)。

解决方案

请参阅JavaScript DOM 元素style属性文档。

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

JavaScript

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

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

于 2013-07-03T12:30:17.683 回答
0

这里..

document.getElementById('div2').style.backgroundColor = '#000000';
于 2013-07-03T12:28:39.113 回答
0

尝试这个：

document.getElementById('div2').style.backgroundColor = "#00F"
于 2013-07-03T12:26:11.580 回答
0

使用纯 JavaScript：-

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

使用 Jquery：-

$('#div2').css('background-color','color code');
于 2013-07-03T12:26:35.737 回答
0

你可以使用：

document.getElementById('div2').style.background='blue';
于 2013-07-03T12:29:24.110 回答
0

请考虑将其添加到以下功能pageLoad()：

<script> 
    function pageLoad()
    {
        document.getElementById('div2').style.backgroundColor = 'blue';
    }
</script>
于 2013-07-03T12:29:48.453 回答