Question

在我的情况下，我有一个样式警报，显示成功和错误情况。默认情况下，警报将id样式作为常见警报（既不成功也不失败）。因此，根据js的验证，我需要更改警报以使用样式成功类或失败类，而不让该警报使用使用id定义的样式。希望你了解我的情况。

Answer 1

你可以用

来做

document.getElementById('yourelementid').className='yourclassname';

如果你使用jQuery

$('#yourelementid').attr('class','yourclassname');

Answer 2

如果这个问题与样式覆盖有关，这可能会有所帮助：

#idOfElement {width: 100px;}
.classOfSameElement {width: 50px !important;}

元素的宽度为50px 当您在样式声明中放置!important时，它会覆盖该元素的每个其他样式声明。在IE6和IE7以外的浏览器中，它甚至可以覆盖内联样式。

Answer 3

我建议您使用jQuery来实现它，它快速而简单。所以你的样式警报有一个id #thisId，你想根据成功或错误来设置它。

我想添加到ajay_whiz的jQuery答案：

首先，确保覆盖要为特定类更改的相应属性（例如.success或.error），例如：

#thisId {
    border:black 1px solid;
}

.success {
    border:green 2px solid;
}

.error {
    border:red 2px solid;
}

然后你需要在元素中添加适当的类：

$(document).ready(function () {
    if (success) {
        $("#thisId").addClass("success"); // will not double add it
        $("#thisId").removeClass("error"); // will remove class if it was present before
    }

    if (error) {
        $("#thisId").addClass("error"); // will not double add it
        $("#thisId").removeClass("success"); // will remove class if it was present before
    }
});

希望这有帮助。

Css类和ID样式

3 个答案: