天空小小岛技术网站

标题: 解决IE下innerHTML中的style标签无效的方法 [打印本页]

作者: 一粒米 时间: 2012-7-11 22:02
标题: 解决IE下innerHTML中的style标签无效的方法
代码

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

复制代码

chrome 下有效果，ie6 下无效果

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

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

复制代码

于是乎，ie 下也正常了

作者: nidhug 时间: 2012-11-3 15:56
学习了
看牙

欢迎光临天空小小岛技术网站 (http://tkxxd.net/)