使用JavaScript更改按钮的背景色

我正在写一个HTML网页，我使用一个按钮，我需要用javascript函数在鼠标上改变他的背景色。 这是代码

<button onmouseover="funzione(this)">BTN</button>
<script>
    funzione(x){
        x.style.background-color=#ffffff;
    }
</script>

BTN
funzione（x）{
x、 style.background color=#ffffffff；
}

在JavaScript中，您需要获取元素

x的处理程序，例如：

var x = document.getElementById("x");

但您应该使用CCS来实现这一点：

button{
    background-color: yellow;
}

button:hover{
    background-color: lime;
}

这是非常基本的。您缺少关键字
函数
，对于这种访问属性的方式，您需要使用camel case。最后，将颜色十六进制括在引号内


功能funzione（x）{
x、 style.backgroundColor='#ffffff'；
}
BTN
如果您想在js中使用：


BTN
功能集颜色（x）{
x、 风格：背景颜色为红色；
}

功能funzione（x）{
x、 style.backgroundColor=“#ffffff”；
}
BTN
您可以简单地用CSS实现这一点，它简单、高效且代码更少

<style type="text/css">
.myHoverButton:hover { background-color: #ffffff; }
</style>

<button id="button1" class="myHoverButton">


.myhover按钮：悬停{背景色：#ffffff；}
css属性总是在js中被骆驼化