浏览器兼容性问题整理

一、IE8-下无法识别后续以innerHTML方式添加的自定义标签

例如要创建一个自定义标签thetag，事先已document.createElement('thetag')，但后续通过innerHTML的方式添加的该元素，IE8-是不认的。。

createElement + appendChild 则可以。其他浏览器各种方式均OK。

测试代码如下：

var _subject_str = "<select id='subject_sel'></select>";
$("#mysubject").append(_subject_str);

_subject_str = "<option value='-1'>全部</option>";

$("#subject_sel")[0].innerHTML = _subject_str;  //这样的写法IE8是不支持的

修改后的写法为：

$("#subject_sel").empty();
$("#subject_sel").append(_subject_str);

参考地址：http://www.cnblogs.com/ecma/archive/2012/02/01/2335047.html

二、IE浏览器设置textarea禁用样式不支持disabled属性

正常设置一个标签禁用我们可以使用disabled属性来控制，但是对于textarea标签，设置disabled属性在IE浏览器下不会显示滚动条，所以对于设置textarea不可用状态我们只能使用readonly，该属性兼容各浏览器。

三、IE8下String的trim方法需要使用jquery来实现，即$.trim(str)

四、未完待续……