html中.inner样式,关于通过innerHTML插入样式的问题

在js代码中，通过innerHTML加入一段页面，代码如下：

运行后，发现在ie下，页面style中的样式没有被解析，页面展现不对，而在ff下展现正常。请教了高手，再阅读 http://www.gold98.net/article.asp?id=897，发现原来在使用innerHTML或insertAdjacentHTML的时候，如果插入的html代码的开头有noscope元素(包括script,style,注释)的时候，ie会自动将开头的noscope元素去掉。如果要解决这个问题，可以有两种方法：

1) 内容前面加一个scope的元素(如p，如下)

注：display为none的设置基本上可以被所有浏览器识别，参见 http://www.w3help.org/zh-cn/causes/RM8001，但ie6以下的ie没有深究

2) 将css提出来再添加到样式表里

接下来，我们试一试下面的代码

发现同样在ie下，这里展现也不对，页面中的style也没有生效，比较奇怪的是这里是以开头，而非noscope元素，于是对代码进行了以下修改

这样是可以正常展现的，如此看来，这里ie在识别开头元素的时候，并不是表面的写在前面的标签，而是解析后的第一个完整的元素。

参考资料：

/kf/201202/118248.html

http://www.w3help.org/zh-cn/causes/RM8001

html中.inner样式,关于通过innerHTML插入样式的问题相关推荐

html5shiv 源码,javascript,_请教一个html5shiv源码插入样式的问题，javascript - phpStudy...
请教一个html5shiv源码插入样式的问题阅读html5shiv源码的时候,对addStyleSheet函数添加样式的方式有些困惑,特来请教源码如下: function addStyleShee ...
html的css样式中表示后代选择器,html添加css——样式选择器
如何给html添加样式.两种方法:css 1.新创建一个css样式表,与原html同目录,而后经过link标签连接.如:(link标签是一个void元素,无结束标签.)html 2.直接在html源码 ...
《十》微信小程序中自定义组件的组件模板和样式
组件 WXML 模板: 组件模板的写法与页面模板相同. 模板数据绑定: 与普通的 WXML 模板类似,可以使用数据绑定.  &l ...
CSS插入样式的方法（有参考菜鸟教程的原句）
在网页建设中,我们经常会对网页的元素进行设置. 如何插入样式(3种): 外部样式内部样式内联样式外部样式外部样式是在页面中引用一个.CSS文件,比如网站中为了界面统一,通常会下一个通用的.cs ...
JS中修改元素内容，属性，样式的方法【详解】
改变元素内容的方法: .innerHTML=内容(可识别标签) .innerText=内容(只识别文本) 如果把属性作为集合,那么样式就是这个集合 ...
[译] JavaScript 中的 CSS：基于组件的样式的未来
本文讲的是[译] JavaScript 中的 CSS:基于组件的样式的未来, 原文地址:CSS in JavaScript: The future of component-based styling ...
在html中引用css样式表,怎么引用css样式？
怎么引用css样式?下面本篇文章给大家介绍一下在HTML中引用css样式的几种方式.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.使用行内样式表语法:在标签内部写入一个sty ...
MySql中把一个表的数据插入到另一个表中的实现代码--转
MySql中把一个表的数据插入到另一个表中的实现代码司的一个项目,做报表--要关联的表结构比较多,最后决定把要用的数据集合到一张新表中,需要用到以下的sql语法......分享下: web开发中,我 ...
oracle into多个变量,Oracle中merge into的使用:该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据....
该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中,使用此命令必须同时指定UPDATE 和INSERT 关键词,ORACLE 10g 做了如下改动. 1,ins ...

html中.inner样式,关于通过innerHTML插入样式的问题

html中.inner样式,关于通过innerHTML插入样式的问题相关推荐

最新文章

热门文章