Изменение цвета в 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())

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

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

	Изменение цвета в js 16.11.2015, 09:43. Показов 1625. Ответов 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