是否可以更改div元素的类名称

Question

我有如下所示的内容。

<div class="alert alert-info" style="width:224px"> 
    <strong>Info!</strong> This is a netural alert 
</div> 

通过JavaScript或jQuery的，在一定条件下，我想将类div元素的改变从alert alert-info到alert alert-success。那可能吗？如果是这样，怎么样？

Answer 1

与条件变化类，使用下面的示例

$('.alert').click(function(){ 
if(0==0)//your condition goes here 
{ 
    $(this).removeClass('alert-info').addClass('alert-success'); 
}else{ 
    $(this).removeClass('alert-success').addClass('alert-info'); 
} 
}); 

Answer 2

你可以使用：

document.getElementById("myElementId").className = "MyClass"; 

利用空间分隔的列表应用多个类，如果你想在这里添加类是一个例子：

document.getElementById("myElementId").className += " MyClass"; 

Answer 3

var divArray = document.getElementsByClassName("alert-info"); 
var div = divArray[0]; 
div.className = "alert alert-success"; 

Answer 4

使用jQuery .. ..

$('.alert').removeClass('alert-info').addClass('alert-success'); 

..除非我失踪somethi NG。