Из вопроса в заголовке, наверно, не очень понятно, что я имею в виду (google вот так и не понял
).
Поясню подробнее. Есть определенный где-либо стиль:
|
Код:
|
.example {
width: 9000px;
} |
элемент с таким стилем создается динамически.
получаем, к примеру, такую ситуацию:
// здесь требуется узнать ширину стиля, до появления элемента в документе
// ...
el.innerHTML = '<div class="example"></div>';
// здесь уже можно узнать ширину по элементу
я создаю анимацию на JS, где для вычислений требуется знать габариты ряда элементов раньше, чем они появится на экране
в эффекте много изображений, большинство - нужно подгружать постепенно, завязано на Ajax и все такое.
разумеется, можно так:
добавить невидимый элемент, узнать ширину, уничтожить элемент. но! это криво!
PS
нашел в FF отладчиком такой путь (по DOM дереву через элемент HEAD): this.documentElement.children[...].childNodes[...].sheet.cssRules[...].selectorText
где хранятся все стили. есть ли более просто путь узнать, чем перебирать HEAD на предмет <LINK ...>? и кроссбраузерно ли это?
спасибо всем, кто дочитал до конца!
