如何通过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

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

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

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

Answer 3

你的问题有点不清楚。 让我假设这是你打算做的。 如果是关于背景颜色。 从 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>

希望能帮助到你！