Html 满足条件时更改文本颜色

有人知道我如何在基于HTML-5的web应用程序中做到这一点吗？当按下按钮时，我需要更改姓名的字体颜色。这是一个应用程序，可以轻松显示网球比赛中球员在场上或场下的情况。 到目前为止，我已经将所有玩家的excel文档加载到html中，这是其中一个名称，例如：

和按钮如下：

所以我假设我可以写一个if条件，说明如果那个按钮是开的，那么玩家的名字就会变红或者什么的。。 我也在为布局而挣扎，考虑到名字在一张表中，无论我放在哪里，按钮都会停留在表的上方。 非常感谢您的帮助， Louis.

如果您使用样式表，那么您可以这样做

button:active{
color:red;
}

---

或者任何颜色…都不必是红色。现在，这个示例非常简单，因为它将更改按钮上写入的文本的颜色。但是，您可以将样式表用于很多很多事情

一个非常简单的解决方案是使用JQuery：

$('#your_button').click(function() {
    $('#your_element').css('color','red');
}

例如：

---

会有用的。。。还有无数其他的事情。请发布更多详细信息。至少是你希望发生这种情况的页面的标记。

@JamesMontagne我不知道从哪里开始，所以什么都没有。关于j08691-请详细说明，谢谢。关于此条件的详细信息如何发布？你的HTML和任何你想分享的东西也会很有用。@j08691我根据你的评论编辑了这篇文章，希望能有所帮助。非常感谢-这将非常有帮助。另一个问题，我基本上有一个姓名的电子表格，每个人的姓名旁边都有一个按钮，当按下按钮时，他们的姓名会变成红色。我是否需要为每个名称重复代码，或者有没有更快的方法？我想他希望在单击按钮时更改另一个元素的颜色。

<a href='#changeColor'>Click me!</a>

#chaneColor:target{
    color:red;
}