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