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);