且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

javascript - innerHTML如何兼容ie?

更新时间:2023-12-05 15:49:22

试试这个。

<table id="table"></table>

var str = "<tr><td>1sssss1</td><td>22sss</td></tr><tr><td>1sss1</td><td>22sss</td></tr>";

setTableInnerHTML(document.getElementById('table'), str);

function setTableInnerHTML(table, html) {
  if (navigator && navigator.userAgent.match(/msie/i)) {
    var temp = table.ownerDocument.createElement('div');
    temp.innerHTML = '<table><tbody>' + html + '</tbody></table>';
    if (table.tBodies.length == 0) {
      var tbody = document.createElement("tbody");
      table.appendChild(tbody);
    }
    table.replaceChild(temp.firstChild.firstChild, table.tBodies[0]);
  } else {
    table.innerHTML = html;
  }
}