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

时间:2017-01-14 23:33:24

标签: javascript jquery html css ajax

我有$count_results_quiz = $pdo->query("SELECT COUNT(' sr.statistic_ref_id, sr.quiz_id, sr.user_id, sr.total_time, qm.name AS q_name, qm.category_id, qm.subcategory_id, sc.sub_category_id, sc.sub_category_name AS quiz_type, pl.time, pl.points, COUNT(qs.correct_count) AS count_correct') FROM pro_quiz_statistic_ref AS sr JOIN pro_quiz_master qm ON qm.id = sr.quiz_id JOIN pro_quiz_subcategory sc ON sc.sub_category_id = qm.subcategory_id JOIN user_points_log pl ON pl.quiz_id = sr.quiz_id AND pl.user_id = '$get_id' JOIN pro_quiz_statistic qs ON qs.statistic_ref_id = sr.statistic_ref_id WHERE sr.user_id = '$get_id' AND qs.correct_count = '1' GROUP BY sr.statistic_ref_id, qs.correct_count ORDER BY qm.name ASC")->fetchColumn(); ,我想这样做,当我点击<tr id="tr_color" >内的按钮“活动帐户”时,值“1”将添加到数据库中的“active_account”列中这与我合作。 td的{​​{1}}也会变为蓝色,问题就在这里!不要跟我改变。

的JavaScript

background-color

1 个答案:

答案 0 :(得分:0)

您在使用JavaScript添加的样式中无法!important。将其更改为

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

它应该有效。或者,如果您确实需要使用!important,请尝试使用类来代替:

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

使用以下CSS:

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