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

-1

我有一些对我来说有点复杂的css网页，有很多类（它来自twitter引导程序），我想查看一些元素的属性而不必分析css文件（因为该文档是很多类的成员，我发现逐个查看某些属性很复杂）。用Javascript动态检查一个元素的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以上，而我想要的是财产的实际价值。有没有办法做到这一点？

来源

2014-05-25 S4M

Chrome开发人员面板中的元素选项卡将向您显示当前给定元素上的所有CSS样式及其分配的文件/行。这应该让你看到你所要求的，而不必在整个CSS文件中挖掘，而不必在JavaScript中玩耍。 –

你有没有'萤火虫'？ – Viscocent

@Keeyai是的，我不知道abot元素选项卡，但它很简单，检查它。非常感谢。你可以把这个作为答案，我会接受它。 – S4M

创建于原始帖子的评论;并不回答问题，但解决了问题。

Chrome开发人员面板中的elements选项卡将向您显示当前给定元素上的所有css样式及其分配的文件/行。这应该让你看到你所要求的，而不必在整个CSS文件中挖掘，而不必在JavaScript中玩耍。

来源

2014-05-25 09:08:36

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

回答

相关问题