解决IE下innerHTML中的style标签无效的方法

代码

1. 
   
2. <div id="test">test</div>
   
3. <script>
   
4. document.getElementById('test').innerHTML = '<style>.aa {background-image:url(aa.gif);}</style><div class="aa"></div>';
   
5. </script>

复制代码

chrome 下有效果，ie6 下无效果

在 <style> 前面加 <br /> 就好了
如下：

1. 
   
2. <div id="test">test</div>
   
3. <script>
   
4. document.getElementById('test').innerHTML = '<br /><style>.aa {background-image:url(aa.gif);}</style><div class="aa"></div>';
   
5. </script>

复制代码

于是乎，ie 下也正常了

学习了
看牙