当div聚焦时，改变div中元素的类？

Question

当父div被聚焦时，如何更改div中元素的类？

就像我在

中活跃一样

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

A的班级改为你好？

Answer 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 Example

JSFiddle Example using only javascript

Answer 2

你可以在没有jquery的情况下做到这一点：

 

document.getElementById（'window'）。setAttribute（'class'，'newclassname'）;