Javascript kullanarak CSS "vurgulu durumu" nasıl tetiklenir? Kullanıcı bir öğenin üzerine geldiğinde

Question

BB'nin "Vurgulanan durumu" tetikleyecek:

<style> 
.element{ 

} 
.element:hover{ 
    background-color:red; 
} 
</style> 

nasıl Javascript kullanarak elemanı "devlet süpürdü" olarak ayarlanmış olabilir?

Mümkün mü? yerine üzerine gelindikten :focus kullanarak kabul olsaydı

Answer 1

, şunları kullanabilirsiniz:

var links = document.getElementsByTagName('a'); 
links[0].focus(); 

JS Fiddle demo.

Ya

var linkToFocus = document.getElementById('link'); 
linkToFocus.focus(); 

JS Fiddle demo

.

Bu yaklaşım, belli ki, a:focus stilini içerecek şekilde CSS adapte edilmesi gerekir: sadece elemana o sınıf adını ekleyerek daha sonra başka sınıfa stilleri gelin ve:

a:link, a:visited { 
    background-color: #fff; 
} 
a:hover, a:focus, a:active { 
    background-color: #f00; 
} 

Answer 2

Muhtemelen çoğaltarak daha iyiyiz kalıcı olarak değiştirmek istediğinizde. Sözde sınıflar bir nedenden ötürü "sözde" dir.