js的.innerHTML = ""IE9下显示有错误的解决方法

189 阅读 0 评论 125 点赞

我是靠谱客的博主殷勤星星，最近开发中收集的这篇文章主要介绍js的.innerHTML = ""IE9下显示有错误的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

问题：

在用js动态创建html页面时：

复制代码代码如下:

 
var tab = document.createElement("table"); 
tab.innerHTML += "<td>订货单号</td>"+ 
"<td>单据日期</td>"+ 
"<td>商品类型</td>"+ 
"<td>订单属性</td>"+ 
"<td>配货次数</td>"+ 
"<td>详细</td>"; 

经过以上操作后，将创建一个tabel标签（此间可能会用class渲染之类的），但是这样做在ie9- 的版本显示不正常。

解决：

用jquery可以解决，这样写：

复制代码代码如下:

 
var inn = "<tr>"+ 
"<td>订货单号</td>"+ 
"<td>单据日期</td>"+ 
"<td>商品类型</td>"+ 
"<td>订单属性</td>"+ 
"<td>配货次数</td>"+ 
"<td>详细</td>"+ 
"</tr>"; 
$(tab).html(inn); 