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

标签 javascript css dom

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

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

最佳答案

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

关于javascript - 如何从 Style DOM 对象获取源文件行号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7904856/

相关文章:

javascript - 有没有一种方法可以使用 jQuery 将 HTML 定位到数组中?

javascript/dom——创建与重新排列 dom 节点的开销有多大?

javascript - 如何在没有 Flash 的情况下制作交互式城市 map

javascript - 创建一个复制数组元素的按钮

javascript - jQuery event.which 在按下 Enter 键时返回 13

html - 在 HTML5 页面的中心显示 Spinner?

javascript - 如何在响应式设计中禁用此 JS 功能

html - 将 ul 置于 div 中居中

javascript - 在 Jest 中模拟 document.querySelector

javascript - 如何在 Angular 中触发窗口调整大小事件