如何从黑色背景更改背景颜色？

Question

我发现了许多有关更改背景颜色的脚本，例如以下脚本：

function changeBGC(color){
    document.bgColor = color;
}

我当前的HTML是：

<a href="#" onMouseOver="javascript:changeBGC('#000099')">Mouseover Blue</a>

似乎一开始它仅适用于白色背景，因为如果我使用CSS设置一些颜色，例如：

body { 
    background-color: #000000;
}

然后它不工作了。

Answer 1

如果要更改主体的背景颜色，请使用以下代码：

function changeBGC(color){
   document.body.style.backgroundColor = color;
}

这将改变背景的颜色。

Answer 2

更改background-color样式，而不是使用过时的bgColor ：

function changeBGC(color) {
    document.body.style.backgroundColor = color;
}

注意： document没有样式属性-请参阅用户Kolink的注释。

Answer 3

<a id="test" ...> ... </a>

使用jQuery：

$("#test").hover(function(){
    $(this).css("background","color");
},function(){
    $(this).css("background","#000");
});