Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.09.2018, 06:12
Аспирант
Отправить личное сообщение для kuchuluk Посмотреть профиль Найти все сообщения от kuchuluk
 
Регистрация: 04.04.2014
Сообщений: 30

Подсвечивание строк таблицы при наведении мыши
Здравствуйте. Есть таблица
<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';
});
Ответить с цитированием
  #2 (permalink)  
Старый 14.09.2018, 07:14
Аватар для Белый шум
Профессор
Отправить личное сообщение для Белый шум Посмотреть профиль Найти все сообщения от Белый шум
 
Регистрация: 19.01.2012
Сообщений: 428

Зачем тулить яваскрипт туда, с чем и цсс отлично справится?
<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>
Ответить с цитированием
  #3 (permalink)  
Старый 14.09.2018, 14:50
Аспирант
Отправить личное сообщение для kuchuluk Посмотреть профиль Найти все сообщения от kuchuluk
 
Регистрация: 04.04.2014
Сообщений: 30

Хорошо, понял, спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Необходима помощь! Остановка карусели при наведении курсора мыши. DAZ jQuery 5 11.05.2018 10:49
Подружить два скрипта (скроллер+скрипт эффекта при наведении) Che jQuery 26 29.08.2012 09:59
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 08:06
Изменение цвета ячейки в таблице, при наведении на строку другой таблицы Psychosonic Общие вопросы Javascript 12 24.11.2010 15:44
FireFox: onmouseover не работает при зажатой кнопке мыши no. Общие вопросы Javascript 4 19.08.2008 12:43