使用Javascript动态检查元素的css属性

Question

我有一些网页有一个css对我来说有点复杂，有很多类（来自twitter bootstrap），我希望看到一些元素的属性，而不必分析css文件（因为该文档是许多类的成员，我发现一些属性逐个查找很复杂。）

所以我打开我的网页并在控制台中运行（在Chrome中）：

> tmp = $(".brand")
[
<a class=​"brand" id=​"appName" href=​"#">​LBY​</a>​, 
<a class=​"brand" id=​"about" href=​"/​about">​About​</a>​,
<a class=​"brand" id=​"index" href=​"/​">​Home​</a>​
]

> bb = tmp[0]
<a class=​"brand" id=​"appName" href=​"#">​LBY​</a>​

> bb.style.color
""

如果我运行bb.style，我会得到一个css属性列表，但它们的值大多为""，就像上面的属性color一样，而我想要的是实际财产的价值。有办法做到这一点吗？

Answer 1

根据原帖发表评论;不按要求回答问题，但解决了问题。

chrome的开发人员面板中的元素选项卡将显示当前给定元素上的所有css样式以及分配它们的文件/行。这可以让你看到你要求的东西，而不必在整个CSS文件中挖掘并且不在javascript中玩游戏。