18

有没有办法使用 JavaScript 或 jQuery 设置全局类的 CSS？也就是追加.my_class { foo:bar }到<style/>页面的标签上？

4

2 回答 2

33

纯 javascript -

var style=document.createElement('style');
style.type='text/css';
if(style.styleSheet){
    style.styleSheet.cssText='your css styles';
}else{
    style.appendChild(document.createTextNode('your css styles'));
}
document.getElementsByTagName('head')[0].appendChild(style);
于 2013-03-19T07:59:00.843 回答
23

是的，你可以在 jQuery 中做到这一点：

var styleTag = $('<style>.my_class { foo: bar; }</style>')
$('html > head').append(styleTag);

它的工作原理是简单地<style>在<head>.

于 2013-03-19T07:46:01.247 回答