如何通过JavaScript更改背景颜色？

Question

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

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

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

Answer 1

不客气：

util.py

Answer 2

非常感谢大家的回答。...我也发现这也可以。...

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

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

Answer 3

您的问题有点不清楚。让我假设这是您打算做的。如果是关于backgroundColor的。设置Javascript中的backgroundColor属性。

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>

希望有帮助！