Подсвечивание строк таблицы при наведении мыши

[kuchuluk]

Здравствуйте. Есть таблица

<table>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

Нужно сделать подсвечивание строк при движении курсором по таблице, то есть чтобы при наведении на строку цвет фона менялся, а при уводе курсора с нее, возвращался на прежний цвет.
Данный код не работает:

document.querySelectorAll('tr').forEach(function(elem) {
  elem.onmouseover.style.backgroundColor = 'f00';
});

[Белый шум]

Зачем тулить яваскрипт туда, с чем и цсс отлично справится?

<style>
  tr:hover > td { background:cyan; }
</style>
<table>
  <tr>
    <td>1</td><td>+</td>
  </tr>
  <tr>
    <td>2</td><td>+</td>
  </tr>
  <tr>
    <td>3</td><td>+</td>
  </tr>
  <tr>
    <td>4</td><td>+</td>
  </tr>
</table>

[kuchuluk]

Хорошо, понял, спасибо