javascript - 更改php while循环中值的颜色

Question

我正在从数据库中循环出我的帖子，并且我正在尝试根据值更改选票的颜色。如果 0 = 黑色，< 0 = 红色，> 0 = 绿色。我的第一次尝试是在 h1 标签上为投票值设置一个 id，并以此方式修改颜色。它适用于第一个帖子，但所有其他帖子不受影响。有谁知道我该如何做到这一点？

PHP 和 HTML:

while ($row = $stmt->fetch()) {
echo '<h1 id="scoreCounter">'.$row['votes'].'</h1>';
}

Javascript:

var score = document.getElementByid("scoreCounter");
var scoreValue = 10;
checkScore();



function checkScore() {
if (scoreValue < 0) {
  score.style.color = "#FF586C";
} else if (scoreValue > 0) {
  score.style.color = "#6CC576";
} else {
  score.style.color = "#666666";
}
}

Answer 1

一种方法是根据要设置的颜色向标题添加一个类。

while ($row = $stmt->fetch()) {
    $class = $row['votes'] == 0 ? 'zero' : ($row['votes'] < 0 ? 'neg' : 'pos');
    echo '<h1 id="scoreCounter" class="' . $class . '">'.$row['votes'].'</h1>';
}

并为此定义 css 样式

h1.zero { color: #000; }
h1.pos { color: #0F0; }
h1.neg { color: #F00; }