如何通过javascript改变背景颜色？

Question

如何更改 mouseout 事件的背景颜色？这是我的代码，谢谢：

<div onmouseout="colorBack(id)">Hi everyone</div>

<script>
function colorBack(x){
id.style.backgroundColor="red";
}
</script>

Answer 1

不客气：

<div id="myDiv" onmouseout="colorBack()">Hi everyone</div>

<script>
function colorBack(){
document.getElementById("myDiv").style.backgroundColor = "red";
}
</script>

Answer 2

你的问题有点不清楚。让我假设这就是您打算做的。如果是关于背景颜色。从 Javascript.

设置背景颜色属性

function colorBack(){
       document.getElementById("div1").style.backgroundColor = "red";
    }

<div id="div1" onmouseout="colorBack()">Hi everyone</div>

搭配Jquery更优雅

$(document).ready(() => {
      $( "#div1" ).mouseout(() => {
          $( "#div1" ).css("background-color", "red");
      });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="div1">Hi everyone</div>

希望对您有所帮助！

Answer 3

非常感谢大家的回答....我还发现这也有效....

<div onmouseout="colorBack(this)">Hi everyone</div>

<script>
function colorBack(x){
x.style.backgroundColor="red";
}
</script>

如何通过javascript改变背景颜色？

How to change background color via javascript?

javascript

mouseevent