让一个div标签在两个css类之间切换

这个问题在这里已经有了答案：

使用JavaScript 30个答案更改元素的类

---

您可以使用

if(document.getElementById("MyId").className == "hide")
   document.getElementById("MyId").className = "show";
else
   document.getElementById("MyId").className = "hide";

但是你需要先给ID分配一个ID ..请在下面找到一个工作示例：http://jsfiddle.net/HvmmY/

---

如果您只是试图显示/隐藏某个元素，则可以使用style.display属性：

hidebutton.onclick = function(){
    var div = document.getElementsByClassName('show').item(0);
    if(div.style.display == '') {
        div.style.display = 'none';
    } else {
        div.style.display = 'block';
    }
}

希望能帮助到你

---

我喜欢用jquery添加/删除<div>类。 但是，它可能不适用于你的情况。

您可能可以在toggle上使用jQuery：

$('#box').click(function() {
$('#box2').toggleClass('show hide');
});

工作示例： http : //jsfiddle.net/mFA5F/1/

关于toggle()可以在这里看到：http://api.jquery.com/toggle/

链接地址: http://www.djcxy.com/p/25207.html

上一篇: Make a div tag toggle between two css classes

下一篇: Why class attribute cannot assign inline by javascript?