IE bug table元素的innerHTML
更新時間：2010年01月11日 00:09:52 作者：
做項目時遇到一個數(shù)據(jù)表需要展示，由于堅定著使用合理標簽表示合適內(nèi)容，于是使用了table，悲劇開始了。
首先時飄忽不定的collapse的border，ie6偏偏有一個地方與其他瀏覽器表現(xiàn)不同，一條丑陋的border不管怎么樣都顯示出來。無解。
上面的問題可以用詭異方法解決的話，那接下來就完全沒有辦法了。
由于涉及到了數(shù)據(jù)的異步傳輸和實時顯示，于是自己寫了一個前端模版通過innerHTML動態(tài)更新數(shù)據(jù)。其他瀏覽器都工作正常，偏偏ie怎么都出不來數(shù)據(jù)。排查了半天，結果是IE的table元素為只讀，不能使用innerHTML?。。。?
同樣為只讀的元素還有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR等。
這是ie的bug還是本應該如此⋯⋯ 累⋯⋯
最后改用ul,世界美好啊⋯⋯
上面的問題可以用詭異方法解決的話，那接下來就完全沒有辦法了。
由于涉及到了數(shù)據(jù)的異步傳輸和實時顯示，于是自己寫了一個前端模版通過innerHTML動態(tài)更新數(shù)據(jù)。其他瀏覽器都工作正常，偏偏ie怎么都出不來數(shù)據(jù)。排查了半天，結果是IE的table元素為只讀，不能使用innerHTML?。。。?
同樣為只讀的元素還有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR等。
這是ie的bug還是本應該如此⋯⋯ 累⋯⋯
最后改用ul,世界美好啊⋯⋯
您可能感興趣的文章:
- js的.innerHTML = ""IE9下顯示有錯誤的解決方法
- IE6-IE9不支持table.innerHTML的解決方法分享
- IE6/7/8/9中Table/Select的innerHTML不能賦值的解決方法
- 僅IE6/7/8中innerHTML返回值忽略英文空格的問題
- Javascript在IE下設置innerHTML時出現(xiàn)未知的運行時錯誤的解決方法
- 解決IE下select標簽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不能賦值的完美解決方案
相關文章
JavaScript基礎教程之如何實現(xiàn)一個簡單的promise
看了些promise的介紹，還是感覺不夠深入，所以下面這篇文章主要給大家介紹了關于JavaScript基礎教程之如何實現(xiàn)一個簡單的promise的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下2018-09-09
原生JS實現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法
今天小編就為大家分享一篇原生JS實現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
二分查找也稱折半查找,它是一種效率較高的查找方法,本文主要介紹了JS實現(xiàn)二分查找的示例代碼,具有一定的參考價值,感興趣的可以了解一下2023-11-11
PHP是一種動態(tài)類型的編程語言,它支持面向對象編程,在PHP中,派發(fā)指在運行時確定要調(diào)用的方法或函數(shù)的過程,派發(fā)機制允許根據(jù)實際對象的類型來選擇要執(zhí)行的方法,這種靈活性使得PHP可以實現(xiàn)多態(tài)性,本文將給大家介紹php的派發(fā)機制是怎么實現(xiàn)的,需要的朋友可以參考下2023-10-10
這篇文章主要給大家介紹了關于uniapp開發(fā)微信小程序遇到的問題的相關資料,比較適合第一次使用uniapp?開發(fā)微信小程序的伙伴,或者沒有過實戰(zhàn)經(jīng)驗的小伙伴參考,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了JS精確判斷數(shù)據(jù)類型代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單的隨機點名器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
SPA的興起，促使我們更加關注與內(nèi)存相關的JavaScript編碼實踐。如果應用使用的內(nèi)存越來越多，就會嚴重影響性能，甚至導致瀏覽器的崩潰。下面就來看看JavaScript中常見的內(nèi)存泄漏以及如何避免內(nèi)存泄漏2022-05-05
這篇文章主要為大家詳細介紹了原生js實現(xiàn)html手機端城市列表索引選擇城市，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
本文主要介紹了three.js的基礎知識。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01