各浏览器对innerHTML的读写权限的差异

  1. 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 属性时会抛异常。
  2. IE6 对 ABBR 元素设置 innerHTML 属性时也会抛异常。
  3. 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 属性的读写支持存在差异

你可能感兴趣的:(innerHTML)