Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.03.2018, 18:06
Новичок на форуме
Отправить личное сообщение для Anatoliy_Donetskiy Посмотреть профиль Найти все сообщения от Anatoliy_Donetskiy
 
Регистрация: 20.03.2018
Сообщений: 3

Изменить свойство дочернего элемента
Привет!

Есть список

<ul class="menu">
<li class="menu-item"><a class="menu-link">ссылка 1</a></li>
<li class="menu-item"><a class="menu-link">ссылка 2</a></li>
<li class="menu-item"><a class="menu-link">ссылка 3</a></li>
<li class="menu-item"><a class="menu-link">ссылка 4</a></li>
</ul>

стиль

.menu-link {
color: #abc;
}

нужно менять цвет ссылки при наведении на курсора мыши на LI.

************************************************** *****
Вот что я натворил

$(document).ready(function(){
$("li.menu-item").mouseenter(function(event) {
var element = event.target;
var elementChild = element.firstChild;
// element.style.background = '#abc'; - Это работает
elementChild.style.color = '#abc'; - Это не работает, в rgb тоже задавал
// alert(element.nodeName); - Выдает #text
// alert(element.tegName); - Выдает undefinde, я так понял дело в этом
});
});


************************************************** *******

Помогите решить задачу. Думаю я просто не туда свернул. Или затупил ...
По моему тут все просто должно быть, но что то я не справляюсь.
Ответить с цитированием
  #2 (permalink)  
Старый 21.03.2018, 18:09
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<style>
	li:hover a {
		color: red;
	}
</style>
Ответить с цитированием
  #3 (permalink)  
Старый 21.03.2018, 19:57
Новичок на форуме
Отправить личное сообщение для Anatoliy_Donetskiy Посмотреть профиль Найти все сообщения от Anatoliy_Donetskiy
 
Регистрация: 20.03.2018
Сообщений: 3

Спасибо) Все таки интересно как можно обратиться к свойствам ссылки через js ?
Ответить с цитированием
  #4 (permalink)  
Старый 21.03.2018, 20:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,052

Anatoliy_Donetskiy,
var elementChild = this.firstChild;
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отслеживать bottom у элемента и менять свойство у класса? INSIDER73 Events/DOM/Window 1 24.04.2017 23:25
Изменить свойство дочернего элемента Synth Общие вопросы Javascript 2 26.02.2017 12:23
Изменить класс родительского элемента STyLe Общие вопросы Javascript 1 29.05.2014 20:21
как обратиться к items элемента из другого элемента и изменить его? Krepkii ExtJS 2 12.02.2013 13:53
Массив из картинок. Не могу изменить свойство элемента массива Володя Шишкин Ваши сайты и скрипты 7 17.02.2012 10:21