Блог

Главная - Вопросы по программированию - Изменить класс элемента в div, когда div сфокусирован?

Изменить класс элемента в div, когда div сфокусирован?

#javascript #html #css #focus

#javascript #HTML #css #фокус

Вопрос:

Как изменить класс элемента внутри div, когда родительский div сфокусирован?

Например, когда я активен в 

 <div id="window" class="fenster"><a class="bye"></a></div>

Класс A изменяется на hello?

Комментарии:

1. что вы подразумеваете под «сфокусированным»?

Ответ №1:

Предполагая, что под сфокусированным вы подразумеваете наведение курсора мыши на него, и вы можете использовать jQuery?

 $('#window').mouseover(function() {
    $('a.bye', this).removeClass('bye').addClass('hello');
});

И если вы хотите сбросить класс при перемещении мыши из:

 $('#window').hover(function() {
    $('a.bye, a.hello', this).toggleClass('bye').toggleClass('hello');
});

Пример JSFiddle

Пример JSFiddle с использованием только javascript

Комментарии:

1. Больше похоже на то, когда я щелкнул по нему, например, когда вы переходите к новому windows в операционной системе

2. @Jeremy Ты мог бы изменить первый пример, чтобы использовать .click вместо .mouseover. Это может сделать то, что вы хотите.

Ответ №2:

Вы можете сделать это без jquery:

document.getElementById(‘window’).setAttribute(‘class’, ‘newclassname’);