Как изменить цвет фона с помощью JavaScript?

Question

как изменить цвет фона на событии mouseout? Вот мой код, спасибо:

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

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

Answer 1

Ваш вопрос немного неясен. Позвольте мне предположить, что это то, что вы намерены сделать. Если речь идет о backgroundColor. установить свойство backgroundColor из 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 2

Большое спасибо за все ответы, ребята .... Я также узнал, что это также работает ....

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

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

Answer 3

Добро пожаловать:

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

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