где допустил ошибку?

@JSjunior · Регистрация: 11.07.2012

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

при наведении на слово, скрипт работает, при наведении на картинку, нет, подскажите, что не так сделал?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
    <style>
        
    </style>
    <script>
        function testing() {
            var flower = document.getElementById('test');
            flower.style.height = "150px;"
            flower.style.width = "120px;"
        }
        function testing4() {
            var flower = document.getElementById('test');
            flower.style.height = "50px;"
            flower.style.width = "90px;"
        }
        
        function testing2() {
            var div = document.getElementById("test2");
                div.style.color = "red";
            
        }
        function testing3() {
            var div = document.getElementById("test2");
            div.style.color = "green";
        }
    </script>
</head>
<body>
<p id="test2" style="color: green; width: 300px;" onmouseover="testing2();" onmouseout="testing3();">onmouseover</p>
    <p><img id="test" src="flow.jpg" style="width: 70px; height: 100px;" onmouseover="testing();" onmouseout="testing4();" /></p>
 
</body>
</html>

@moskitos80 · 06.09.2012, 01:16

JavaScript
1
2
3
4
5
6
7
8
9
10
function testing() {
   var flower = document.getElementById('test');
   flower.style.height = "150px"; // Здесь ; - вынести из скобок
   flower.style.width = "120px";  // И здесь ; - вынести из скобок
}
function testing4() {
    var flower = document.getElementById('test');
    flower.style.height = "50px"; // И здесь ; - вынести из скобок
    flower.style.width = "90px";  // И здесь ; - вынести из скобок
}

@newJS · 06.09.2012, 07:45

можно и без ид

HTML5
1
2
3
<p style="color: green; width: 300px;" onmouseover="testing2(this);" onmouseout="testing3(this);">onmouseover</p>
 
<p><img src="flow.jpg" style="width: 70px; height: 100px;" onmouseover="testing(this);" onmouseout="testing4(this);" /></p>

JavaScript
1
2
3
4
5
6
7
8
9
function testing(el){
el.style.height = "150px";
el.style.width = "120px";
 };//
//
function testing4(el){
el.style.height = "50px";
el.style.width = "70px";
 };

@JSjunior · 06.09.2012, 08:15 **[ТС]**

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

JavaScript
1
2
3
4
5
6
7
8
9
10
function testing() {
   var flower = document.getElementById('test');
   flower.style.height = "150px"; // Здесь ; - вынести из скобок
   flower.style.width = "120px";  // И здесь ; - вынести из скобок
}
function testing4() {
    var flower = document.getElementById('test');
    flower.style.height = "50px"; // И здесь ; - вынести из скобок
    flower.style.width = "90px";  // И здесь ; - вынести из скобок
}

а точки с запятыми он автоматически добавляет?

добавил еще строчку

JavaScript
1
2
3
4
5
function testing3() {
            var div = document.getElementById("test2");
            div.style.color = "green";
            div.style.font-size = "50px";
        }

пишет, что ReferenceError: invalid assignment left-hand side
div.style.font-size = "50px";
из-за чего ошибка?

@newJS · 06.09.2012, 09:06

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

div.style.font-size = "50px";

Все стили в JS пишутся так
fontSize

@moskitos80 · 06.09.2012, 11:31

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

Все стили в JS пишутся так

Все CSS стили, которые пишутся с дефисом, в JS переводятся в camelCase - "верблюжью" нотацию например:

font-size -> fontSize
background-color -> backgroundColor
list-style -> listStyle

Ибо дефис в: div.style.font-size - JS воспринимает, так, что как будто ты хочешь вычесть переменную size из div.style.font т.е. в левой части оператора присваивания:

JavaScript
1
div.style.font-size = "50px";

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .