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

你可以使用：

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

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

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

Answer 2

使用条件更改类，使用以下示例

$('.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 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');

..除非我遗漏了什么。