Установка цвета посещенной ссылки с помощью 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, вы можете добавить класс к элементу по клику.