教学之友,学习之友。

站长教学网

当前位置: 站长教学网 > 前端开发 > JS教程 >

在ie下js脚本innerHTML插入CSS样式表无效

时间:2012-08-23 16:10来源:未知 作者:ken 点击:

在修改这个日志编辑器时碰到的问题,IE中innerHTML插入html代码如果混杂有css样式表,当css样式插入在元素最前面时,IE会忽略这个样式。

演示(下面代码在IE中字体将是黑色,而firefox中会正确的显示为红色):

<HTML>  
  
<DIV id=test></DIV>  
<SCRIPT>  
document
.getElementById("test").innerHTML += "<style>b{color:red}</style><b>hello!World!!!</b>";   
</SCRIPT>  
  
<HTML>

必须先插入html内容然后再插入<style>样式才生效。这样test这个div 里就会出现一个红色的 hello!World! 但是如果把<style>放到<b>前头,就被IE无视了。”站长教学网 eduyo.com

(责任编辑:ken)
TAG标签: ie js css 脚本 innerHTML
顶一下
(2)
66.7%
踩一下
(1)
33.3%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
注册登录:不允许匿名留言,登录后留言无需输入验证码。
栏目列表
最新内容