Javascript-форум - Смена цвета при на наведении курсора на див

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Смена цвета при на наведении курсора на див (https://javascript.ru/forum/dom-window/30134-smena-cveta-pri-na-navedenii-kursora-na-div.html)

Смена цвета при на наведении курсора на див

Доброго времени суток, уважаемые!
ступор со сменой цвета фона у дива при наведении курсора мыши.
есть див, у которого стиль:

win.style.cssText = 'padding: 15px; position: absolute; background-color: #FDF5E6;'+
                                'left: ' + (typeof x =='undefined' ? '50%' : x + 'px' ) + '; '+
                                'top: ' + (typeof y =='undefined' ? '50%' : y + 'px' ) + ';' +
                                ( w ? 'width: ' + w + 'px;' : '' ) + ( h ? 'height: ' + h + 'px;' : '' );

изменить пытаюсь так:
win.onmouseover = function(){
win.style = 'background-color : #FFCC66';
}

может, я делаю вообще не так?
подскажите, пожалуйста. . .
background-color -> backgroundColor

веснушка,

<div id="div" style="background-color:black">LOL</div>
<script>
var div = document.getElementById("div");
div.onmouseover = function(){
 this.setAttribute("style","background-color:red;");
}
</script>

веснушка,

win.onmouseover = function(){
    win.style.backgroundColor = "#FFCC66";
}

<style>
  .green {background: green}
  .green:hover {background: red}
</style>

<div class="green">over</div>

Если через CSS, то вариант bes'а:

Цитата:

А если через JS, то так:

<div onmouseover="this.style.backgroundColor='#ffffff'" onmouseout='this.style.backgroundColor='#FDF5E6'"></div>