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

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);