满足条件时更改字体颜色

Question

有谁知道我将如何在基于HTML-5的Web应用程序中执行此操作？ 即我需要在按下按钮时更改名称的字体颜色。 它的应用程序可以轻松显示网球比赛中场上或场下的球员。 到目前为止，我有一个将所有播放器加载到html的excel文档，例如，这是名称之一：

和按钮如下：

所以我假设我可以编写一个if条件，说明该按钮是否打开，然后玩家的名字变成红色或其他内容。.我也在努力布局，考虑到名字在桌子上，按钮一直在桌子上方无论我放在哪里。 任何帮助都非常感激，路易斯。

Answer 1

您可以简单地添加/删除class而不是仅更改值。 可以通过CSS引用此类。

例

.online_text {
    color: #00ff00;
}
.offline_text {
    color: #ff0000;
}

您的脚本应该添加/删除属性，这样您基本上可以得到以下格式 ：

<td ... class="online_text">Oliver Addison</td>

添加类作为示例：

document.getElementById("onoff").className += "online_text";

Answer 2

您需要为要更改的元素提供定义的定义-通常是一个ID。 例如， <td id="currentMatch">

请注意，在整个页面中，ID必须保持唯一。 然后，您可以通过document.getElementById("currentMatch")访问它

设置您要使用的文本的颜色

document.getElementById("currentMatch").style.color = "#00FF00"

这就是您更改颜色的方式。