这在IE8中不起作用.我认为这是导致问题的inner
HTML.如何解决？
// jQuery plugin
(function( $){
$.fn.someThing = function( options ) {
var d = document,someThingStyles = d.createElement('style');
someThingStyles.setAttribute('type','text/css');
someThingStyles.innerHTML = " \
.some_class {overflow:hidden} \
.some_class > div {width:100%;height:100%;} \
";
d.getElementsByTagName('head')[0].appendChild(someThingStyles);
});
};
})( jQuery );
解决方法
jQuery的
由于您已经在使用jQuery,请使用：
$('<style type="text/css">' +
'.some_class {overflow:hidden}' +
'.some_class > div {width:100%;height:100%;}' +
'</style>').appendTo('head');
纯JavaScript
如果你不想使用jQuery,你必须首先附加< style>元素,然后使用style.styleSheet.csstext属性(IE-only !!).
var d = document,someThingStyles = d.createElement('style');
d.getElementsByTagName('head')[0].appendChild(someThingStyles);
someThingStyles.setAttribute('type','text/css');
someThingStyles.styleSheet.csstext = " \
.some_class {overflow:hidden} \
.some_class > div {width:100%;height:100%;} \
";