如何根据条件更改文本颜色?

时间:2019-04-28 18:21:01

标签: javascript php html css

更改学生获得的分数的颜色-如果<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>";

2 个答案:

答案 0 :(得分:1)

能解决您的问题吗?:

foreach ($res as $mark)  echo '<td style="color:'.$mark < 40 ? 'red' : 'black'.'">'.$mark.'</td>';

答案 1 :(得分:0)

使用Javascript:

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

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