Ändern Sie die Hintergrundfarbe eines bestimmten TD auf Klick-Taste mit JavaScript/Ajax

Question

Ich habe , ich möchte es so, dass, wenn ich auf den Button "Active account" innerhalb dieser td, der Wert "1" wird in Spalte hinzufügen 'active_account' in der Datenbank und das funktioniert mit mir. Auch die background-color für td wird blau und hier das Problem! ändere mich nicht.

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

können Sie haben nicht !important in Stile mit JavaScript hinzugefügt. Ändern Sie es in

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

und es sollte funktionieren. Alternativ, wenn Sie wirklich !important verwenden müssen, versuchen Sie es mit einer Klasse zu tun statt:

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

mit folgendem CSS:

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