Инклуд css яваскриптом

Дмитрий
На сайте с 23.08.2006
Offline
222
643

Добрый день уважаемые гуру яваскрипта. Встала задача - подключать таблицу стилей яваскриптом, причем все стили находятся не в отдельном файле, а в переменной. Например хотим подключить странице такую css:


body {background:red;}

Вставляю так:

newCss=document.createElement('style');
newCss.appendChild(document.createTextNode('body {backkground:red;}'));
document.getElementsByTagName('head')[0].appendChild(newCss);

или так:

newCss=document.createElement('style');
newCss.setAttribute('id','fuckcss');
document.getElementById('fuckcss').innerHTML='body {backkground:red;}';
document.getElementsByTagName('head')[0].appendChild(newCss);

В opera, FF работает, IE нивкакую. Подскажите как решить проблемку

Разрабатываю и автоматизирую на php http://jonnyb.ru/
Shtogrin
На сайте с 02.11.2006
Offline
95
#1

Может просто генерировать

document.body.style.backgroundColor="red";

или

document.body.style="background-color:red;";

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
Дмитрий
На сайте с 23.08.2006
Offline
222
#2

не получиться, в стилях будет запись типа этой:

#supertable td {border:1px solid green;}

Shtogrin
На сайте с 02.11.2006
Offline
95
#3

для IE

document.styleSheets[0].addRule("DIV B", "color:blue", 0);

http://msdn2.microsoft.com/en-us/library/aa358796.aspx

и пример с addRule для IE и FF

http://didkobravo.com/StyleSheets.html

Дмитрий
На сайте с 23.08.2006
Offline
222
#4

Shtogrin, большое спасибо, работает!

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