当div被聚焦时,改变div中元素的类别?

问题描述:

如何在父div被关注时改变div内元素的类别?当div被聚焦时,改变div中元素的类别?

当我在

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

类的变化为hello积极样?

+1

“聚焦”是什么意思? – Twelve47 2011-04-08 10:54:03

假设通过集中你的意思是鼠标是它,你可以使用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

+0

更像是当我点击它时,就像当你在操作系统中出现一个新窗口一样 – 2011-04-08 11:05:53

+0

@Jeremy你可以改变第一个例子使用.click而不是.mouseover。这可能会做你想要的。 – 2011-04-08 12:36:06

你可以做到这一点没有jQuery的:

document.getElementById('window')。setAttribute('class','newclassname');