- IE6 IE7 IE8 浏览器中对 APPLET、AREA、BR、COL、COLGROUP、FRAME、HEAD、HR、HTML、IFRAME、
IMG、INPUT、ISINDEX、META、NOFRAMES、NOSCRIPT、OBJECT、PARAM、SCRIPT、STYLE、
TABLE、TBODY、TFOOT、THEAD、TITLE、TR 元素设置 innerHTML 属性时会抛异常。 - IE6 对 ABBR 元素设置 innerHTML 属性时也会抛异常。
- Safari 对 AREA、BASE、BR、COL、COLGROUP、FRAME、FRAMESET、HEAD、HR、IMG、INPUT、ISINDEX、META、PARAM 对象设置 innerHTML 属性时会抛异常。
对table的动态更新
虽然IE无法支持通过innerHTML来插入内容,但可以通过table.insertRow,table.deleteRow,tr.insertCell来操作;
var _table = document.getElementById("mytable");
var _length = _table.rows.length;
for(var i = 0; i < _length ; i++){_table.deleteRow(-1);//删除最后一行
}
var _tr = _table.insertRow(-1);
var _td = _tr.insertCell(-1);
_td.align = "left";
_td.className = "mytd";
_td.innerHTML = "测试";
参考:各浏览器对 HTML 对象的 innerHTML 属性的读写支持存在差异