2023年6月21日发(作者：)

js动态创建style节点（js⽂件中添加css）

ie6 不能 Element('style') 然后append到head标签⾥。所以就找到这样个好⽂章---------------------有很多提供动态创建 style 节点的⽅法，但是⼤多数都仅限于外部的 css ⽂件。如何能使⽤程序⽣成的字符串动态创建 style 节点，我搞了2个⼩时。静态外部 css ⽂件语法：@import url();动态外部 css ⽂件加载的⽅法有如下：第⼀种：var style = Element(’link’);

= ’’;

= ’stylesheet’;

= ‘text/css’;

mentsByTagName(’HEAD’).item(0).appendChild(style);第⼆种简单：StyleSheet();动态的 style 节点，使⽤程序⽣成的字符串：var style = Element(’style’);

= ‘text/css’;

TML=”body{ background-color:blue; }”;

mentsByTagName(’HEAD’).item(0).appendChild(style);很遗憾，上⾯的代码在 ff ⾥⾯成功，但是 ie 不⽀持。从⽼外论坛得到代码：var sheet = StyleSheet();

e(’body’,'background-color:red’);成功，但是很⿇烦，要把字符串拆开写，长⼀点的写死,累的像狗⼀样。接着搜，在⼀个不知道什么国家的什么语⾔的blog上找到代码：StyleSheet(”javascript:’body{background-color:blue;’”);成功，此⼈实在厉害，但是问题出来了，url 最⼤ 255 个字符，长⼀点的就不⾏了，改：=”body{background-color:blue;”;

StyleSheet(”javascript:style”);完美解决！！代码:

2023年6月21日发(作者：)

js动态创建style节点（js⽂件中添加css）

ie6 不能 Element('style') 然后append到head标签⾥。所以就找到这样个好⽂章---------------------有很多提供动态创建 style 节点的⽅法，但是⼤多数都仅限于外部的 css ⽂件。如何能使⽤程序⽣成的字符串动态创建 style 节点，我搞了2个⼩时。静态外部 css ⽂件语法：@import url();动态外部 css ⽂件加载的⽅法有如下：第⼀种：var style = Element(’link’);

= ’’;

= ’stylesheet’;

= ‘text/css’;

mentsByTagName(’HEAD’).item(0).appendChild(style);第⼆种简单：StyleSheet();动态的 style 节点，使⽤程序⽣成的字符串：var style = Element(’style’);

= ‘text/css’;

TML=”body{ background-color:blue; }”;

mentsByTagName(’HEAD’).item(0).appendChild(style);很遗憾，上⾯的代码在 ff ⾥⾯成功，但是 ie 不⽀持。从⽼外论坛得到代码：var sheet = StyleSheet();

e(’body’,'background-color:red’);成功，但是很⿇烦，要把字符串拆开写，长⼀点的写死,累的像狗⼀样。接着搜，在⼀个不知道什么国家的什么语⾔的blog上找到代码：StyleSheet(”javascript:’body{background-color:blue;’”);成功，此⼈实在厉害，但是问题出来了，url 最⼤ 255 个字符，长⼀点的就不⾏了，改：=”body{background-color:blue;”;

StyleSheet(”javascript:style”);完美解决！！代码: