是否可以更改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。