疯狐呓语-[备忘] IE 中 table 元素无法使用 innerHTML 属性

[备忘] IE 中 table 元素无法使用 innerHTML 属性

发表于: 2008-9-17 23:18:24

IE 中的 table 元素似乎不同于其他的元素，其 innerHTML 为只读，如果尝试给 innerHTML 赋值 js 会抛出未知错误的异常。

解决方法是对整个 table 的 outerHTML 赋值。

  var table1 = document.createElement("table");
/*  table1.innerHTML = "<tbody><tr><td>123</td></tr></tbody>"; // 这里在IE下会抛出未知错误的异常  var outerHTML = []; */
  outerHTML.push("<table");
  for(var i = 0, l = table1.attributes.length; i < l; i ++){
    outerHTML.push(" " + table1.attributes[i].name + "=\"" + table1.attributes[i].value + "\"");
  }
  outerHTML.push(">");
  outerHTML.push("<tbody><tr><td>12414</td></tr></tbody>"); // innerHTML 值
  outerHTML.push("</table>");
  table1.outerHTML = outerHTML.join("");
  outerHTML = null;

疯狐呓语

[备忘] IE 中 table 元素无法使用 innerHTML 属性

Tags: table innerHTML IE

发布:AJC | 分类:开发心得 | 评论:1 | 引用:0 | 浏览:

日历

最新评论及回复

最近发表

疯狐呓语

[备忘] IE 中 table 元素无法使用 innerHTML 属性

Tags: table innerHTML IE

发布:AJC | 分类:开发心得 | 评论:1 | 引用:0 | 浏览: strBatchCount+="spn25=25,"

日历

最新评论及回复

最近发表

发布:AJC | 分类:开发心得 | 评论:1 | 引用:0 | 浏览: