用JavaScript改变按钮的背景颜色

问题描述：

我正在编写一个HTML网页，我使用一个按钮，并且需要使用JavaScript函数在鼠标悬停上更改背景颜色。这是代码。用JavaScript改变按钮的背景颜色

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

css属性总是在js中被camelized – Vanojx1

答

在JavaScript中，你需要得到处理程序元素x例如为：

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

，但你应该CCS做到这一点：

button{ 
    background-color: yellow; 
} 

button:hover{ 
    background-color: lime; 
}

答

这是非常基本的。您错过了关键字function，并且使用这种访问属性的风格，您需要使用骆驼大小写。最后，将颜色十六进制包在引号内。

function funzione(x){ 
 
    x.style.backgroundColor= '#ffffff'; 
 
}

<button onmouseover="funzione(this)">BTN</button>

推荐的方法是在生产中使用CSS，但如果你只是为JavaScript和想要探索，它的罚款。

答

如果你想在JS：

<button onmouseover="set_color(this)">BTN</button> 
 
<script> 
 
function set_color(x){ 
 
\t x.style.backgroundColor='red'; 
 
} 
 
</script>

答

function funzione(x){ 
 
    x.style.backgroundColor = "#ffffff"; 
 
}

<button onmouseover = "funzione(this)">BTN</button>

答

为此，您可以简单地在CSS中，其方便，高效，更少的代码。

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

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