функция создает динамически строку <link type=text/css href=styles.css rel=stylesheet>
после чего нужно получить высоту в определенном классе.
В Мозиле на этом месте rul = styleSheet.cssRules; слетает, она не получает cssRules из css файла, созданного скриптом(если <link type=text/css href=styles.css rel=stylesheet> написать в самом html то все работает) . Где-то я читал, что Мозила не получает доступа к cssRules пока таблица стилей полностью не будет загружена, как же тогда ее загрузить?! Надо чтобы в Gescko работало. В IE то работает с rules.
function addStyles() {
head = document.getElementsByTagName('head')[0];
style = document.createElement('link');
style.type = 'text/css';
style.href = 'styles.css';
style.rel = 'stylesheet';
head.appendChild(style);
style.onload=getHeight()
}
function getHeight() {
var styleSheet = document.styleSheets[0],
rul = styleSheet.cssRules;
for(i=0; i<rul.length;i++){
if(rul[i].selectorText=='class1'){
alert(rul[i].style.height);
}
}
}