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 に答える