js的.innerHTML = ""IE9下顯示有錯誤的解決方法
更新時間:2013年09月16日 10:02:29 作者:
js的.innerHTML= "……"在ie9- 的版本顯示不正常,使用jquery可以解決,有類似問題的朋友可以參考下
問題:
在用js動態(tài)創(chuàng)建html頁面時:
var tab = document.createElement("table");
tab.innerHTML += "<td>訂貨單號</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>";
經(jīng)過以上操作后,將創(chuàng)建一個tabel標(biāo)簽(此間可能會用class渲染之類的),但是這樣做在ie9- 的版本顯示不正常。
解決:
用jquery可以解決,這樣寫:
var inn = "<tr>"+
"<td>訂貨單號</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>"+
"</tr>";
$(tab).html(inn);
在用js動態(tài)創(chuàng)建html頁面時:
復(fù)制代碼 代碼如下:
var tab = document.createElement("table");
tab.innerHTML += "<td>訂貨單號</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>";
經(jīng)過以上操作后,將創(chuàng)建一個tabel標(biāo)簽(此間可能會用class渲染之類的),但是這樣做在ie9- 的版本顯示不正常。
解決:
用jquery可以解決,這樣寫:
復(fù)制代碼 代碼如下:
var inn = "<tr>"+
"<td>訂貨單號</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>"+
"</tr>";
$(tab).html(inn);
相關(guān)文章
bootstrap table合并行數(shù)據(jù)并居中對齊效果
這篇文章主要為大家詳細(xì)介紹了bootstrap table合并行數(shù)據(jù)并居中對齊效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-10-10javascript搜索框點擊文字消失失焦時文本出現(xiàn)
這篇文章主要介紹了javascript實現(xiàn)搜索框點擊文字消失失焦時文本出現(xiàn)的效果,示例代碼如下,大家可以看看2014-09-09JavaScript 權(quán)威指南(第四版) 讀書筆記
JavaScript 權(quán)威指南(第四版) 讀書筆記,大家可以看看。2009-08-08詳述JavaScript實現(xiàn)繼承的幾種方式(推薦)
這篇文章主要介紹了詳述JavaScript實現(xiàn)繼承的幾種方式(推薦)的相關(guān)資料,需要的朋友可以參考下2016-03-03