Question

我有一个包含各种链接的页面，我希望能够确定访问该页面的用户访问/访问过哪些链接。我的第一次尝试是使用以下代码

getComputedStyle(document.getElementById("link_id")).getPropertyValue("color");

这段代码没有完成这项工作，因为它没有区分访问过/未访问过的链接：在这两种情况下，输出都是相同的颜色。

我的第二个向量是用来使用CSS“被访问”选择器 - 即为所有被访问的链接设置相同的属性（例如背景颜色），然后使用javascript for循环来附加所选背景的所有链接 - 颜色到某些列表）。

我的假设是，如果浏览器为链接设置了不同的颜色，则必须有一些方法来访问DOM中颜色属性的更新值。

我做错了什么？任何想法？

Answer 1

要从javascript访问color css属性，您可以使用DOM元素的style属性

document.getElementById("link_id").style.color

但是，如果你需要根据链接是否被访问来定制锚点的样式，只需使用:visited伪类来设置锚点的样式......

a:visited
{
    color:Maroon;
}

这是一个Working JS Fiddler应该覆盖浏览器的默认值，如果它不在你自己的项目中，那么你可能会继承一些样式并需要强制覆盖!important ... < / p>

a:visited
{
    color:Maroon !important;
}