使用Javascript设置访问链接的颜色

Question

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进行此操作？

Answer 1

您需要为该锚标记赋予更多特异性。

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

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

Answer 2

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

a:visited {
    background-color: yellow;
}

但即使你想用javascript处理它：

你可以使用

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

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