IE不支持table.innerHtml

最新推荐文章于 2018-09-14 17:08:36 发布

原创最新推荐文章于 2018-09-14 17:08:36 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在不同浏览器环境下，如何通过使用不同的方法解决table.innerHTML在IE6到IE9版本中不被支持的问题，提供了一个适用于旧版IE的替代方案。

今天早上回到公司，发现写程序在谷歌浏览器显示正常，在IE下显示错误，查其原因，发现IE6到IE9不支持，table.innerHTML方法，于是在网上搜到一个方法，来解决这个问题


/**
 * IE6-IE9不支持table.innerHTML
 * @param table
 * @param html
 * @return
 */
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; 
	} 
}