使用 innerHTML 设置内容时,如果内含 style 样式,在 IE7 及以下可能会发现样式没生效。
解决方法:把 <style> 样式放到待设置的 html 内容的最后。
所使用的代码片段是:
var str1 = '<style>#con{color:red;}</style><p>红字</p>',
str2 = '<p>二:<style>#con{color:green;}</style>绿字</p>',
str3 = '<p>蓝字</p><style>#con{color:blue;}</style>';