如何获取链接的默认颜色

How to get the default colors of a link?

本文关键字：链接 默认 颜色 获取 何获取      更新时间：2023-09-26

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

请注意，我没有任何特定的元素来抓取css，也就是说，我不能寻找#myID的a颜色值——我需要找到页面上链接的默认颜色值。

谢谢!

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

不含任何伪元素 

window.getComputedStyle(document.body.getElementsByTagName('a')[0], null).getPropertyValue("color");
<<p> 活跃/strong> 
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);

您可以创建一个元素并将其添加到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页面上试试这个，打开控制台。

相关文章：