js的.innerHTML = ""IE9下顯示有錯(cuò)誤的解決方法
更新時(shí)間:2013年09月16日 10:02:29 作者:
js的.innerHTML= "……"在ie9- 的版本顯示不正常,使用jquery可以解決,有類似問題的朋友可以參考下
問題:
在用js動(dòng)態(tài)創(chuàng)建html頁面時(shí):
var tab = document.createElement("table");
tab.innerHTML += "<td>訂貨單號(hào)</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>";
經(jīng)過以上操作后,將創(chuàng)建一個(gè)tabel標(biāo)簽(此間可能會(huì)用class渲染之類的),但是這樣做在ie9- 的版本顯示不正常。
解決:
用jquery可以解決,這樣寫:
var inn = "<tr>"+
"<td>訂貨單號(hào)</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>"+
"</tr>";
$(tab).html(inn);
在用js動(dòng)態(tài)創(chuàng)建html頁面時(shí):
復(fù)制代碼 代碼如下:
var tab = document.createElement("table");
tab.innerHTML += "<td>訂貨單號(hào)</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>";
經(jīng)過以上操作后,將創(chuàng)建一個(gè)tabel標(biāo)簽(此間可能會(huì)用class渲染之類的),但是這樣做在ie9- 的版本顯示不正常。
解決:
用jquery可以解決,這樣寫:
復(fù)制代碼 代碼如下:
var inn = "<tr>"+
"<td>訂貨單號(hào)</td>"+
"<td>單據(jù)日期</td>"+
"<td>商品類型</td>"+
"<td>訂單屬性</td>"+
"<td>配貨次數(shù)</td>"+
"<td>詳細(xì)</td>"+
"</tr>";
$(tab).html(inn);
相關(guān)文章
JavaScript原生對(duì)象之Number對(duì)象的屬性和方法詳解
這篇文章主要介紹了JavaScript原生對(duì)象之Number對(duì)象的屬性和方法詳解,本文講解了創(chuàng)建 Number 對(duì)象的語法、MAX_VALUE、MIN_VALUE、NaN等屬性或方法,需要的朋友可以參考下2015-03-03
關(guān)于JavaScript中高階函數(shù)的魅力詳解
高階函數(shù):英文叫Higher-order function。JavaScript的函數(shù)其實(shí)都指向某個(gè)變量。下面這篇文章主要給大家介紹了關(guān)于JavaScript中高階函數(shù)的魅力,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2018-09-09
一個(gè)php+js實(shí)時(shí)顯示時(shí)間問題
本文給大家分享的是解決的php+js實(shí)時(shí)顯示時(shí)間問題,主要是自己當(dāng)時(shí)的理解有問題,也許大家有和我一樣的情況,這里分享給大家2015-10-10
JS簡(jiǎn)單生成由字母數(shù)字組合隨機(jī)字符串示例
這篇文章主要介紹了JS簡(jiǎn)單生成由字母數(shù)字組合隨機(jī)字符串,結(jié)合實(shí)例形式分析了javascript使用Math.random()生成隨機(jī)字符串相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
微信小程序使用progress組件實(shí)現(xiàn)顯示進(jìn)度功能【附源碼下載】
這篇文章主要介紹了微信小程序使用progress組件實(shí)現(xiàn)顯示進(jìn)度功能,涉及progress組件相關(guān)屬性設(shè)置操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
JavaScript設(shè)計(jì)模式學(xué)習(xí)之“類式繼承”
這篇文章主要介紹了JavaScript設(shè)計(jì)模式學(xué)習(xí)之“類式繼承”,本文直接用代碼實(shí)例講解類式繼承的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-03-03
JavaScript使用URL.canParse驗(yàn)證URL的方法詳解
JavaScript誕生以來,一直沒有一種簡(jiǎn)單的方法驗(yàn)證URL,現(xiàn)在JavaScript新增了一個(gè)新方法——URL.canParse,文中通過代碼示例和圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12

