Изменение цвета в js

@nikn · Регистрация: 16.08.2015

Студворк — интернет-сервис помощи студентам

Допустим у меня есть див с шириной и высотой, зеленого цвета .
1 Как сделать так что бы он стал красным при наведении мыши ?

@Padimanskas · 16.11.2015, 09:47

Сообщение от nikn

1 Как сделать так что бы он стал красным при наведении мыши ?

как-то так

JavaScript
1
2
3
4
var div = document.getElementById('div-id');
div.addEventListener('mouseenter', function(){
    div.style.backgroundColor = 'red';
}, false);

@nikn · 16.11.2015, 10:15 **[ТС]**

а если у меня класс?

Добавлено через 5 минут
не работает вот код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <link href="style.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
</head>
 
<body>
<div id="div-id">
 
</div>
<script type="text/javascript">
var div = document.getElementById('div-id');
div.addEventListener('mouseenter', function(){
    div.style.backgroundColor = 'red';
}, false
</script>
</body>
</html>

@Padimanskas · 16.11.2015, 10:42

nikn,

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML>
<html>
<head>
 <link href="style.css" rel="stylesheet" />
<meta charset="utf-8" />
<title>Документ без названия</title>
</head>
 
<body>
<div id="div-id">
 
</div>
<script>
var div = document.getElementById('div-id');
div.addEventListener('mouseenter', function(){
    div.style.backgroundColor = 'red';
}, false
</script>
</body>
</html>

Сообщение от nikn

а если у меня класс?

JavaScript
1
2
var div = document.getElementsByClass('div-class');
// div[0], div[1], div[2] ...

@nikn · 16.11.2015, 10:50 **[ТС]**

все равно не работает

@Padimanskas · 16.11.2015, 11:59

nikn, Что там за огрызок в 17 строке? научись хотя бы копипастить.

@nikn · 16.11.2015, 16:26 **[ТС]**

хорошо работает из какого ресурса вы узнали о

PHP
1
addEventListener('mouseenter', function())

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@nikn 0 / 0 / 0 Регистрация: 16.08.2015 Сообщений: 37

	Изменение цвета в js 16.11.2015, 09:43. Показов 1641. Ответов 6 Метки нет (Все метки) Допустим у меня есть див с шириной и высотой, зеленого цвета . 1 Как сделать так что бы он стал красным при наведении мыши ? 0

@nikn 0 / 0 / 0 Регистрация: 16.08.2015 Сообщений: 37
	16.11.2015, 10:50 [ТС]
	все равно не работает 0

@Padimanskas Superposition 950 / 615 / 256 Регистрация: 27.10.2013 Сообщений: 2,083
	16.11.2015, 11:59
	nikn, Что там за огрызок в 17 строке? научись хотя бы копипастить. 0