如何使用切换类列表更改HTML表中行的背景

Question

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

我尝试实现toggle类以及添加和删除类都没有运气。当我手动实现背景颜色时，它就起作用了。

我知道我要切换类和样式，但是有什么方法可以切换样式以更改背景颜色？

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");
}

Answer 2

您采用的方法很好，只需确保正确使用大写的classList。

document.getElementById('row1').classList.toggle('change1');