javascript - 如何使用 toggle classlist 更改 HTML 表格中一行的背景

Question

如果表格单元格中的值超过某个值，我想更改一行的背景颜色。

我已经尝试实现切换类以及添加和删除类，但没有成功。当我手动实现背景颜色时，它起作用了。

我知道我正在尝试切换类与样式，但有什么方法可以切换样式以更改背景颜色？

var mq2 = 5;
if (mq2 >= 5) {
  document.getElementById("row1").classlist.toggle("change2");
} else {
  document.getElementById("row1").classlist.toggle("change1");
}

.change1 {
  background-color: #FF6347;
}

.change2 {
  background-color: #90EE90;
}

<tr id="row1">

Answer 1

您的代码应该可以工作。您可以通过创建引用元素的变量来改进它

const row = document.getElementById("row1"); 
if(someCondition) {
   row.classList.toggle("change2");
} else {
   row.classList.toggle("change1");
}