满足条件时更改字体颜色答案

【问题标题】：changing font colour when a condition is met满足条件时更改字体颜色
【发布时间】：2012-02-28 22:43:56
【问题描述】：

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

和按钮如下：

所以我假设我可以编写一个 if 条件来说明该按钮是否打开，然后玩家的名字会变成红色或其他东西。我也在为布局而苦苦挣扎，考虑到名字在表格中，按钮只是停留放在桌子上方的任何地方。路易斯，任何帮助都非常感谢。

【问题讨论】：

【解决方案1】：

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

示例

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

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

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

添加类为例：

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

【讨论】：

【解决方案2】：

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

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

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

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

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

【讨论】：