Javascript 如何改变下面的链接点击它的颜色？

我有下面的代码片段。我不知道如何改变颜色从红色（FF0000）到黑色（任何颜色）下面的链接点击它

<li>
<a class="optionsDropDown" href="javascript:showNewScreen();" >
   <span id="0" ><font color="FF0000"><fmt:message bundle="${link}" key="lnk_newScreen" /></font></span>
</a>
</li>

EDIT2

ul.options下拉列表{
背景：白色；
边框：1px实心#D1D0CE；
边框宽度：0 1px 1px；
显示：无；
左：-15px；
列表样式：无；
位置：绝对位置；
顶部：12px；
宽度：135px；
高度：90px；
z指数：9999；
}
ul.optiondropdownli{
显示：内联；
}
ul.options下拉列表LIA{
显示：内联；
保证金：0；
填充：0px 5px；
字体大小：11px；
颜色#05040B；
文字装饰：无；
}
ul.选项下拉列表li a:悬停{
文字装饰：下划线；
}
ul.选项下拉列表li a:已访问{
颜色：#000000；
}
ul.选项下拉列表li a：激活{
颜色：#000000；
}

---

您可以通过CSS实现这一点。将以下内容插入文档头部或发布标记之前的任何位置：

<style type="text/css">
    a.optionsDropDown:visited { color: #000000; }
    a.optionsDropDown:active { color: #000000; }
</style>

a、 选项下拉列表：已访问{color:#000000；}
a、 选项下拉列表：活动{color:#000000；}

您应该使用CSS设置样式，而不是内联字体标记

此外，名称和id应以a-Z开头，而不是数字。id=“0”无效

尝试：

a、 选项下拉列表：链接{color:#FF0000；}
a、 选项下拉列表：活动{color:#000000；}
a、 选项下拉列表：已访问{color:#000000；}

我一单击它就要。根据你的建议，我做了函数showNewScreen（）{a.options下拉列表：visited{color:000000；}}}我编辑了答案，添加了第二行（'active'），这将在单击时更改链接颜色。请注意，您不应该在Javascript中嵌入此标记；您应该将它从

showNewScreen（）

函数中移出（实际上，完全从

标记中移出）到文档本身中，以使其发挥功能。例如，您可以将其放置在文档的

中，或直接放置在您在原始帖子中引用的

标记之前。它不起作用。单击链接，将打开一个新的弹出窗口。但具有链接的父窗口不会刷新。我认为我们必须在javascript中明确地做到这一点

<style type="text/css">
    a.optionsDropDown:visited { color: #000000; }
    a.optionsDropDown:active { color: #000000; }
</style>

<style type="text/css">
 a.optionsDropDown:link {color: #FF0000; }
 a.optionsDropDown:active {color: #000000; }
 a.optionsDropDown:visited {color: #000000; }
</style>

<li>
 <a class="optionsDropDown" href="javascript:showNewScreen();" >
  <span id="zero">
   <fmt:message bundle="${link}" key="lnk_newScreen" />
  </span>
 </a>
</li>