如何通过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动态地将css类添加到id联系人。

以下是我要通过id=contact动态为JSP添加的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';
}