满足条件时更改字体颜色

Question

有没有人知道如何在基于HTML-5网络的应用程序中执行此操作？即我需要在按下按钮时更改名称的字体颜色。这是一个应用程序，可以轻松显示球员在网球锦标赛中在场或场外的情况。到目前为止，我有一个加载到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"

这就是你改变颜色的方式。