javascript - 使用 JavaScript/ajax 在单击按钮上更改特定 TD 的背景颜色

Question

我有<tr id="tr_color" > ，我想做的是当我点击里面的“事件账户”按钮时 td ，值“1”将添加到数据库中的“active_account”列中，这对我有用。还有 background-color对于 td将变为蓝色，问题就在这里!不随我改变。

JavaScript

<script type="text/javascript">
function active_user_account() {
    jQuery.ajax({
        url: "check_data.php",
        data:'conf_data='+ document.getElementById( "active_account" ).value + '&id='+ document.getElementById( "id_this_user" ).value,
        type: "POST",
        success:function(data){
            document.getElementById("tr_color").style.backgroundColor = "blue !important";
        },
        error:function (){}
    });
}
</script>

Answer 1

您不能在使用 JavaScript 添加的样式中包含 !important。改成

document.getElementById("tr_color").style.backgroundColor = "blue";

它应该可以工作。或者，如果您确实需要使用 !important，请尝试使用类代替:

document.getElementById("tr_color").className += " importantClass";

使用以下 CSS:

.importantClass { background-color: blue !important; }