Как с помощью 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. Наведение
РЕДАКТИРОВАТЬ: Думаю, я понял это! Но если у вас у всех есть идеи, как добиться этого ЧИСТО, это было бы здорово! Я новичок в 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. Наведение
Мобильная версия