用Javascript设置访问链接的颜色答案

【问题标题】：Setting color of visited link with Javascript用Javascript设置访问链接的颜色
【发布时间】：2015-02-10 08:34:30
【问题描述】：

divText += '<div class="single-article"> ';
divText += '<h2><a href="#" onClick="javascript:displayArticleDetail('+json._embedded.articles[i].articleId+', \''+escapedLinkTitle+'\'); setVisited();" \>'+json._embedded.articles[i].title+'</a>&nbsp;&nbsp;';

我需要一些帮助来设置已访问链接的颜色。对此有些麻烦。我不能使用纯 CSS :visited，因为这会改变每个链接的链接颜色，而不仅仅是访问（点击）。

我将如何使用 Javascript 来执行此操作？

【问题讨论】：

给它上课并使用.class-name:visited。

标签： javascript css hyperlink click visited

【解决方案1】：

您需要为该锚标记提供更多特异性。

尝试给它一个id 字段并在设置样式时使用a#id:visited

您也可以使用class 并使用a.class:visited 选择它

【讨论】：

这仍然会将访问的颜色应用于所有链接，而不仅仅是单击一次
我需要 onClick 只为点击的链接提供某种访问属性，这样只有一个改变颜色（即使在页面中来回切换颜色也会保持不变）
我在 setVisited 中没有任何内容，只是将它留在了我的 html 中
这是一个在点击处理程序jsfiddle.net/t5goh0e1/2中使用id的示例

【解决方案2】：

理想情况下，这应该可以解决您的问题，

a:visited {
    background-color: yellow;
}

但即使你想用 javascript 处理它：

你可以使用

document.getElementById("#elementID").style.color = "#ff0000";

或者如果您使用的是 jQuery，您可以在单击时向元素添加一个类。

【讨论】：