Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Прочитать свойства стиля

Автор: iAnthony 19.2.2009, 18:42

Добрый вечер!

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

Есть например стиль:

Код


<style type="css/text">
.style-1{
   ...
   height:50px;
}
</style>

Возможно ли как-нибудь на JavaScript выдернуть значение height зная имя стиля?
Или может как-то можно получить массив со свойствами этого стиля.

Заранее благодарен!

Автор: bars80080 19.2.2009, 18:55

посмотри здесь http://forum.vingrad.ru/index.php?showtopic=194162&view=findpost&p=1399595

Автор: iAnthony 19.2.2009, 20:35

Спасибо, bars80080

В той теме есть следующее:

Код


var st = document.styleSheets[0];
var ops = (st.rules) ? st.rules[0] : st.cssRules[0];

Вопрос теперь в том, как узнать id своего стиля, зная его название?

Автор: bars80080 19.2.2009, 21:18

не знаю
попробуйте, поищите, будете открывателем этого дела

прогоните через фор-ин, чтобы узнать существующие свойства:

Код


var txt = '';
for(par in ops) {
    txt += par + '\r\n';
}
alert(txt);

может среди них что-то найдётся?

Автор: iAnthony 20.2.2009, 02:37

В IE, кстати, for in выдаст, что все свойства существуют, в других браузерах специально не проверял т.к. в них и без того все по-человечески работало.

В IE, если высота height задана, то он выдаст то, что задано, если ничего не задано, то выдаст 'auto', так и с другими свойствами, будут возвращаться дефолтные значения. (Если color не задан, то выдаст #ff0000 или что-то в этом роде).