如何通过jsp添加css类

Question

我有元素<div id="contact">和CSS

#contact {
    background: url(../images/icon/contact.png) left top no-repeat;
    display: inline-block;
    width: 29px;
    height: 30px;
}

我想通过JSP动态地为id contact添加css类。

这是我想通过JSP动态添加id=contact的css类。

#contact.active {
    background: url(../images/icon/active_contact.png) left top no-repeat !important; 
} 

Answer 1

如果css已经定义，您只需要将类添加到<div id="contact">以应用css样式。

JQuery使用addClass():

$( "#contact" ).addClass( "active" );

Javascript平原

:

var el = document.getElementById('contact');
if(el) {
    // safe check if div has another class active
    el.className += el.className ? ' active' : 'active';
}