IE bug table元素的innerHTML
更新時間：2010年01月11日 00:09:52 作者：
做項目時遇到一個數(shù)據(jù)表需要展示，由于堅定著使用合理標(biāo)簽表示合適內(nèi)容，于是使用了table，悲劇開始了。
首先時飄忽不定的collapse的border，ie6偏偏有一個地方與其他瀏覽器表現(xiàn)不同，一條丑陋的border不管怎么樣都顯示出來。無解。
上面的問題可以用詭異方法解決的話，那接下來就完全沒有辦法了。
由于涉及到了數(shù)據(jù)的異步傳輸和實時顯示，于是自己寫了一個前端模版通過innerHTML動態(tài)更新數(shù)據(jù)。其他瀏覽器都工作正常，偏偏ie怎么都出不來數(shù)據(jù)。排查了半天，結(jié)果是IE的table元素為只讀，不能使用innerHTML！?。?！
同樣為只讀的元素還有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR等。
這是ie的bug還是本應(yīng)該如此⋯⋯ 累⋯⋯
最后改用ul,世界美好啊⋯⋯
上面的問題可以用詭異方法解決的話，那接下來就完全沒有辦法了。
由于涉及到了數(shù)據(jù)的異步傳輸和實時顯示，于是自己寫了一個前端模版通過innerHTML動態(tài)更新數(shù)據(jù)。其他瀏覽器都工作正常，偏偏ie怎么都出不來數(shù)據(jù)。排查了半天，結(jié)果是IE的table元素為只讀，不能使用innerHTML！?。?！
同樣為只讀的元素還有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR等。
這是ie的bug還是本應(yīng)該如此⋯⋯ 累⋯⋯
最后改用ul,世界美好啊⋯⋯
您可能感興趣的文章:
- js的.innerHTML = ""IE9下顯示有錯誤的解決方法
- IE6-IE9不支持table.innerHTML的解決方法分享
- IE6/7/8/9中Table/Select的innerHTML不能賦值的解決方法
- 僅IE6/7/8中innerHTML返回值忽略英文空格的問題
- Javascript在IE下設(shè)置innerHTML時出現(xiàn)未知的運(yùn)行時錯誤的解決方法
- 解決IE下select標(biāo)簽innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
- innerHTML 和 getElementsByName 在IE下面的bug 的解決
- JS 動態(tài)獲取節(jié)點代碼innerHTML分析 [IE,FF]
- IE 下的只讀 innerHTML
- IE innerHTML,outerHTML所引起的問題
- IE6與IE7中，innerHTML獲取param的區(qū)別
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
相關(guān)文章
js下比較實用的事件綁定代碼，學(xué)習(xí)js 的朋友一定要學(xué)習(xí)的，為你的頁面增加更好的交互。2010-08-08
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)li標(biāo)簽的刪除，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了微信小程序開發(fā)技巧匯總,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
在這篇文章中給大家分享了關(guān)于JavaScript實用代碼小技巧的相關(guān)內(nèi)容，有興趣的朋友們可以參考學(xué)習(xí)下。2018-08-08
javascript將list轉(zhuǎn)換成樹狀結(jié)構(gòu)的實例
下面小編就為大家?guī)硪黄猨avascript將list轉(zhuǎn)換成樹狀結(jié)構(gòu)的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細(xì)介紹了three.js搭建室內(nèi)場景教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)淘寶固定側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簽到功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
微信小程序?qū)崿F(xiàn)傳遞多個參數(shù)與事件處理
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)傳遞多個參數(shù)與事件處理，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了Javascript實現(xiàn)表單檢驗，以注冊界面為例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06