javascript - 如何根据条件更改文本颜色？

Question

更改学生获得的分数的颜色 - 如果 < 40 则为红色，否则为黑色。

我在 PHP 文件中有一个表格，显示在各个科目中获得的分数。低于 40 分应显示为红色。

echo "<td>".$res['marks1i']."</td>";
echo "<td>".$res['marks1e']."</td>";
echo "<td>".$res['marks2i']."</td>";
echo "<td>".$res['marks2e']."</td>";
echo "<td>".$res['marks3i']."</td>";    
echo "<td>".$res['marks3e']."</td>";

Answer 1

使用 Javascript:

您可以为每个带有标记(例如“标记”)的td 添加一个类名，然后:

var marks = document.getElementsByClassName('marks');
for (const element in marks) {
  if(element.innerHTML < 40) {
    element.style.color = 'red';
  }
}