首页 > 代码库 > 发现是在IE6-IE9下,下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的

发现是在IE6-IE9下,下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的

 table ID="zhutiTable"
html2="<tr></tr>"; 的数据
setTableInnerHTML(document.getElementById(‘zhutiTable‘), html2);
 
function setTableInnerHTML(table, html) {//table 为table对象,html为生成的html字符串
  if (navigator && navigator.userAgent.match(/msie/i)) {
    var temp = table.ownerDocument.createElement(‘div‘);
    temp.innerHTML = ‘<table>‘ + html + ‘</table>‘;//注意此处传进来的html变量包含“<tbody></tbody>”标签  如果HTML变量中没有 则为 ‘<table><tbody>‘ + html + ‘</tbody></table>‘
    table.replaceChild(temp.firstChild.firstChild, table.tBodies[0]);//用生成的div中table的tbody替换原table中的tbody
              // table.appendChild(temp.firstChild.firstChild);   //用于添加 tr 到 到已生成好的table 中
  } else {
    table.innerHTML = html;
  }
}
 
 获取 table  中 的tbody   赋值

// var oTBODYData = http://www.mamicode.com/document.getElementById(‘zhutiTable‘).tBodies.item(0);
// oTBODYData.innerHTML+=html2;

发现是在IE6-IE9下,下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的