Как с помощью Javascript изменить цвет текста в таблице при наведении курсора на изображение?Javascript

Форум по Javascript
Ответить
Гость
 Как с помощью Javascript изменить цвет текста в таблице при наведении курсора на изображение?

Сообщение Гость »


РЕДАКТИРОВАТЬ: Думаю, я понял это! Но если у вас у всех есть идеи, как добиться этого ЧИСТО, это было бы здорово! Я новичок в Javascript, лол

У меня есть изображение и таблица с текстом. Когда я навожу курсор на это изображение, мне бы хотелось, чтобы НЕКОТОРЫЙ текст (в отдельных ячейках) в таблице менял цвет ПРИ НАВЕДЕНИИ.

Приведенный ниже код отлично работает для ОДНОЙ наклейки. Однако когда я пытаюсь изменить его на класс (например, class="sticker3") и .getElementsByClassName("sticker3"), это не работает.

✿ функция upDate(){ document.getElementById('sticker3').style.color = "#FF0000"; } функция отменить(){ X = document.getElementById('sticker3'); X.style.color = ""; document.getElementById('sticker3').style.color = "FFFFFF"; } Когда я попытался изменить код на этот, он перестал работать.

✿ функция upDate(){ document.getElementsByClassName('sticker3').style.color = "#FF0000"; } функция отменить(){ X = document.getElementsByClassName('sticker3'); X.style.color = ""; document.getElementsByClassName('sticker3').style.color = "FFFFFF"; } Прикрепил изображение, чтобы объяснить, чего я пытаюсь достичь. При наведении курсора на изображение 1 вы можете видеть, что только один цветок красный, но я хочу, чтобы все цветы в этом столбце были красными. ИЗОБРАЖЕНИЕ ЗДЕСЬ

Фрагмент кода

function upDate() { document.getElementsByClassName('sticker3').style.color = "#FF0000"; } функция отменить() { X = document.getElementsByClassName('sticker3'); X.style.color = ""; document.getElementsByClassName('sticker3').style.color = "FFFFFF"; body { семейство шрифтов: без засечек; } стол { граница-коллапс: коллапс; } ТД, й { кайма: тонкая сплошная светло-серая; отступ: 0,2рем; } .sticker3:после { содержание: «✿»; размер шрифта: 20 пикселей; поле: 0 пикселей; высота строки: 0 пикселей; цвет: #000000; } .hoverbox { ширина: 10рем; отображение: встроенный блок; кайма: тонкая сплошная серая; цвет фона: светло-желтый; маржа: 0,5бэр; отступ: 0,5рем; Имя Рис. 1 Рис. 2 Рис. 1. Наведение Рис. 2. Наведение
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»