div要素のクラス名を変更することは可能ですか

Question

以下に示すようなものがあります。

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

はjavascriptやjqueryのを介して、一定の条件で、私はalert alert-infoからalert alert-successにそのdiv要素のクラスを変更したいです。それは可能ですか？そしてもしそうなら、どうですか？

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"; 

使用スペース区切りのリストを複数のクラスを適用するには、あなたがここにクラスを追加したい場合は例です：jQueryを使って

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

Answer 3

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

Answer 4

.. ..

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

..私がsomethiを見逃していない限りng。