Как на JS сделать смену цвета при наведении мышки?

Question

[Имя Имечко]

Как изменить цвет фона при наведении мышки с использованием JS,\.
Знаю это можно сделать и методом CSS, но хочется научиться это делать путем JS.
Стоит ли вообще париться над JS, если можно сделать путем CSS?

Answer 1

[Денис Инешин]

Если что-то можно сделать на CSS, то это должно быть сделано на CSS.

Но для общего развития:

.block {
    background: #fff;
}
.color1 {
    background: #000;
}

var block = document.querySelector('.block');

block.addEventListener('mouseenter', function () {
    block.classList.add('color1');
});
block.addEventListener('mouseleave', function () {
    block.classList.remove('color1');
});

Answer 2

[LittleFatNinja]

"Стоит ли вообще париться над JS, если можно сделать путем CSS?"
нет, не стоит

document.getElementById("somediv").onmouseover = function() {
    this.style.backgroundColor = "green";
}

Comments

[Nikolay Talanov]

За что вы так людей то не любите? getElemenetById когда есть querySelector? on%event% вместо addEventListener? 2015 год на дворе все таки.

[Евгений Петров]

LittleFatNinja Так события не нужно регистрировать.
Nikolay Talanov: querySelector вместо getElemenetById? Это зачем ещё?

[Евгений Петров]

И за что тут люди лайки лепят...

[Nikolay Talanov]

Евгений Петров: А зачем вообще юзать id? Я скорее об этом говорил. Ибо querySelector универсален, а ById нет.

[Евгений Петров]

Nikolay Talanov: А зачем вообще его не юзать? Чем же плох id?
Вы же именно про поиск написали, я и не понимаю — зачем искать по id более медленным способом, чем getElementById?
И кстати, getElementsByTagName тоже хотите забыть? Ну раз querySelectorAll есть.

Answer 3

[Ilya Korablev]

Смысла париться нет.