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

关于IE9-  的兼容问题文章  见上传文件   IE6-IE9兼容性问题列表及解决办法.doc