javascript - 如何更改超链接的字体颜色？

Question

我有一个像下面这样的超链接生成

$element.html(indicator.link(url));

但它带有典型的蓝色超链接。如何在 javascript 中更改此超链接的字体颜色？

Answer 1

最好使用 CSS 来完成此操作。 JavaScript 用于修改行为，而 CSS 用于样式化。为此使用 JavaScript 是非常不受欢迎的。

也就是说，这个问题取决于链接处于什么类型的状态。对于未访问的链接，使用 :link 伪选择器。

a:link { color: green; }

<a href="http://www.espn.com">Visit ESPN!</a>

对于您已经访问过的链接，您现在可以使用:visited 伪类。

a:visited { color: red; }

<a href="http://www.youtube.com">Visit YouTube!</a>

对于您只是将鼠标悬停在上面的链接，请使用 :hover

a:hover { color: pink; }

<a href="http://www.pineapplesandoranges.com">Pineapples and Oranges</a>

你绝对不应该使用 JavaScript。但无论如何，这是解决方案。

var link = document.getElementById("my-link");

link.style.color = "green";

<a id="my-link" href="http://www.zebras.com">Zebras</a>