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