在点击另一个ID时切换课程的边距

Question

我在右下方有一个像这样的id聊天的使者

<a href="#" title="Instant Messenger" id="js_instant_messenger_link">

我想改变Class .holder的CSS属性

.holder {
margin: auto;
width: 980px;
}

想要将其切换为

.holder {
margin: 0 30px;
width: 980px;
}

点击

<a href="#" title="Instant Messenger" id="js_instant_messenger_link">

请帮助我。

plz指南，如果有任何jquery或javascript代码。

Answer 1

假设您正在使用Jquery，这应该可以解决问题。很难说没有任何代码......

$("#js_instant_messenger_link").click(function(){
    $(".holder").css("margin", "0 30px");
});

Answer 2

我同意上面的海报......应该是答案。

但是，如果您不使用JQuery或类似的，您可以使用：

var element = document.getElementById('js_instant_messenger_link');
element.addEventListener("click", function(){element.setAttribute("style","margin:0 30px")},false);