Firefox 5 выдает все CSS при запуске getComputedStyle

Question

Использование Firefox 5 при запуске

window.getComputedStyle(document.getElementsByTagName("img")[0], null);

Я получаю полный файл CSS вместо стилей, примененных к тегу "img".

Я запустил это на https://developer.mozilla.org/en/DOM/window.getComputedStyle

Кто-нибудь знает обходной путь?

Answer 1

Он должен дать вам объект типа ComputedCSSStyleDeclaration, который включает в себя все установленные стили. Это включает в себя все возможные стили, а не только те стили, которыми вы каким-то образом манипулировали.

Чтобы получить конкретное правило, используйте, например:

window.getComputedStyle(document.getElementsByTagName("img")[0], null)['borderLeftColor'];

Это дает цвет левой границы без различия того, как значение указано / вычислено.

Чтобы получить список доступных записей, напечатайте объект в консоли Firebug:

console.dir(window.getComputedStyle(document.getElementsByTagName("img")[0], null));

Answer 2

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

Основная идея: вам нужно вызвать метод getPropertyValue() для объекта, возвращаемого window.getComputedStyle().

Посмотрите эту скрипку: http://jsfiddle.net/zupa/jyyt9/

MDN утверждает, что вам не нужно звонить document.defaultView.getComputedStyle(), но window.getComputedStyle

Примечание в этом окне.getComputedStyle () возвращает используемые значения, а не вычисленные значения.(См. Предыдущую ссылку.)

Таблицы совместимости: MDN , quirksmode

Answer 3

Используйте это:

document.defaultView.getComputedStyle(document.getElementsByTagName("img")[0], "");