如何通過JSP

Question

添加CSS類我有件<div id="contact">並具有CSS

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

我想CSS類通過JSP動態添加ID接觸。

這裏是我想通過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'; 
}