如何获取链接的默认颜色？

Question

我需要一些JavaScript来查找页面的默认链接颜色。我该怎么做？我环顾四周但不知道该怎么做。我相信jQuery有一个我可以使用的.css函数，但常规JavaScript怎么样？

请注意我没有任何特定的元素来抓住css，即我找不到#myID的颜色值 - 我需要找到默认的链接颜色值页。

谢谢！

Answer 1

尝试：只需在页面顶部放置<a>即可。这将获得第一个<a>元素的值。

没有任何伪元素

window.getComputedStyle(document.body.getElementsByTagName('a')[0], null).getPropertyValue("color");

有效

window.getComputedStyle(document.body.getElementsByTagName('a')[0], ':active').getPropertyValue("color");

<强>悬停

window.getComputedStyle(document.body.getElementsByTagName('a')[0], ':hover').getPropertyValue("color");

如果您有任何恐惧，请选择：

var el = document.createElement('a'); // Creates <a>
document.body.appendChild(el);

var COLOR = window.getComputedStyle(el).getPropertyValue("color");

document.body.removeChild(el);

Answer 2

您可以创建一个元素并将其添加到html，然后获取默认分配的元素的CSS属性。 示例：

var element = document.createElement('a');
document.documentElement.appendChild(element);
var color = getComputedStyle(element).color;
console.log(color) //rgb(0, 119, 204) stackoverflow default link color

在StackOverflow页面上尝试此操作，打开控制台。

<强> Demo