javascript - 如何从 Style DOM 对象获取源文件行号？

Question

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

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

Answer 1

阅读整个第一个 ([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