使用javascript替换HTML

我是编程新手，非常感谢您的帮助。这也是我的第一篇帖子，所以如果我也做错了，请原谅。我有一个html页面，其中有一个从php中的数组函数获取其值的表。我需要将文本星期一改为红色，我可以这样做，但它只格式化第一行。这是我的

if ($result->num_rows > 0) {
echo "<table><tr><th>Assessor</th><th>Activity</tr>";
while($row = $result->fetch_assoc()) {
    echo "<tr><td>" . $row['first_name']. "</td><td id='Activity' class = 'Activity'>" . 
$row['Activity']. "</td></tr>";
}
echo "</table>";
} else {
echo "0 results";
}   

if（$result->num\u rows>0）{
回应“评估活动”；
而（$row=$result->fetch_assoc（））{
回显“$row['first_name']”。
$row[“活动”]。“”；
}
回声“；
}否则{
回显“0结果”；
}   

下面是JavaScript代码：

function changeSubStringColorT() {
var str = document.getElementById("Activity").innerHTML; 
var resT = str.replace("Monday", "<span style='color:blue; font-weight:bold' >Monday</span>");
document.getElementById("Activity").innerHTML = resT;

函数changeSubStringColorT（）{
var str=document.getElementById（“活动”）.innerHTML；
var resT=str.replace（“周一”、“周一”）；
document.getElementById（“活动”）.innerHTML=resT；

如果我更改getElementById，它会工作，但只在第一行。如果我更改为通过类名获取ElementsBy，它什么都不会

---

我已经更改了的类，您最好检查php中的变量，如果是“星期一”，则添加一个红色的类。不需要javascript

if ($result->num_rows > 0) {
  echo "<table><tr><th>Assessor</th><th>Activity</tr>";
  while($row = $result->fetch_assoc()) {

   if ( $row['Activity'] == 'Monday' ) $class = "makeRed";

   echo "<tr><td>" . $row['first_name']. "</td><td id='Activity' class = 'Activity {$class}'>" . 
   $row['Activity']. "</td></tr>";
   }
     echo "</table>";
   } else {
     echo "0 results";
   }  

---

如果您仍然想用JavaScript解决问题，那么以下内容可能会对您有所帮助：

功能hilightMondays（sel）{
document.queryselectoral（sel）.forEach（el=>
el.innerHTML=el.innerHTML.replace（/Monday/g，“Monday”）；
}
hilightMondays（“活动”）

评估活动
星期一我去上学。星期一是我快乐的一天！
星期二是星期一的第二天。
理查兹：每周一我都迟到。我讨厌周一！
哈里弗里德是一周中最好的一天！

使用PHP脚本创建的HTML标记可能包含多个相同的

id

属性（当表中有多行时）。这将是无效的HTML。。

.makeRed {
   color:red;
}