Внедрение CSS на лету

—

19 октября 2011 15:10

Столкнулся с задачей — внедрить "на лету", при помощи javascript, CSS-код на страницу. Простое решение "в лоб" не заработало в IE:

$('head').append( $( '<style>', { type: 'text/css' } ).html( 'css код' ) );

Оказалось, что IE ищет в теге <style> свойство styleSheet.cssText, откуда и берёт код. Решение:

var style = $('<style>', { type: 'text/css' } ).get(0);
if( style.styleSheet ) // IE
{
    style.styleSheet.cssText = css_code;
}
else
{
    $( style ).html( css_code );
}
$('head').append( style );

Теги:

JavaScript

Комментарии

Оставить комментарий

modules/comment

window._Comment_content_article_74 = new classes.Comment( '#comment_block_content_article_74', { type: 'content_article', node_id: '74', user: 1, user_id: 0, admin: 0, view_time: null, msg: { empty: 'Комментарий пуст', ask_link: 'Ссылка:', ask_img: 'Ссылка на изображение:' } });

Faiwer

Внедрение CSS на лету

Авторизация