如何从Style DOM对象获取源文件行号?

时间:2011-10-26 15:18:12

标签: javascript css dom

我是JavaScript世界的新手。如果您在Chrome浏览器的“开发者”工具中选中“元素”选项卡的右侧窗格,您将找到“匹配的css规则”部分,其中显示了源文件名,并且对于每个应用的css规则,都会显示行号。 / p>

我的问题是,HTML DOM的哪些对象属性可以告诉行号(和源文件名)?谢谢!

1 个答案:

答案 0 :(得分:0)

阅读整个第一个([0])样式表......

var a;
for (var i=0; i<document.stylesheets[0].cssRules.length; i++)
{
 a = document.stylesheets[0].cssRules[i]+'\n';
}

alert(a);

您应该能够通过我想象的行号来警告规则,尽管这完全没用,您想要引用一个元素并找出适用于它的规则。

更多信息:http://www.javascriptkit.com/dhtmltutors/externalcss3.shtml