Как получить доступ к отдельным стилям набора правил CSS с помощью JavaScript?

Question

Если у меня есть стиль, определенный с помощью селектора класса:

.example {
width: 50px;
}

А в JavaScript я хотел бы получить значение свойства width для этого набора правил, не используя некоторую ссылку на конкретный элемент, который использует этот набор правил. Я хочу что-то, что дало бы мне вывод "50" или "50px" с учетом ввода "example" и "width".

Answer 1

См. Эту запись об использовании document.styleSheets для доступа к правилам CSS в Quirksmode .

РЕДАКТИРОВАТЬ: Я согласен с другими здесь, хотя в том, что, если это важное требование, вам будет гораздо проще, если вы используете одну из упомянутых библиотек.

Answer 2

Это один из тех случаев, когда я рекомендую использовать библиотеку.

Существует несколько разных способов доступа к таблицам стилей, прикрепленных к документу, и разные браузеры поддерживают разные.

Утилита YUI 2 StyleSheet сгладит для вас различия, хотя вам придется искать правила, чтобы найти то, что вы искали.

Answer 3

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