Как программно определить в JavaScript, из какого файла применяется определенный класс CSS к элементу HTML?

Question

Мне нужно знать, как использовать JavaScript, чтобы выяснить, из какого файла применяется конкретный класс CSS к элементу HTML.

Я занимаюсь разработкой веб-приложения, в котором пользователь может изменить свойство CSS определенного элемента, так же, как мы можем изменить его в Firebug.

Редактировать: Мне нужен код JavaScript Firebug, который показывает CSS в правой панели на вкладке HTML со ссылкой на файлы, которые имеют этот класс.

Answer 1

Метод window.getComputedStyle возвращает CSSStyleDeclaration . Посмотрите на это свойство parentRule, чтобы перейти к cssRule , у которого есть свойство parentStyleSheet , которое должно предоставить вам необходимую информацию.

Код Firebug Lite может показаться менее запутанным, чем полное расширение, чтобы получить представление о том, как все это должно сочетаться.