IE bug table元素的innerHTML
更新时间：2010年01月11日 00:09:52 作者：
做项目时遇到一个数据表需要展示，由于坚定着使用合理标签表示合适内容，于是使用了table，悲剧开始了。
首先时飘忽不定的collapse的border，ie6偏偏有一个地方与其他浏览器表现不同，一条丑陋的border不管怎么样都显示出来。无解。
上面的问题可以用诡异方法解决的话，那接下来就完全没有办法了。
由于涉及到了数据的异步传输和实时显示，于是自己写了一个前端模版通过innerHTML动态更新数据。其他浏览器都工作正常，偏偏ie怎么都出不来数据。排查了半天，结果是IE的table元素为只读，不能使用innerHTML！！！！
同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR等。
这是ie的bug还是本应该如此⋯⋯ 累⋯⋯
最后改用ul,世界美好啊⋯⋯
上面的问题可以用诡异方法解决的话，那接下来就完全没有办法了。
由于涉及到了数据的异步传输和实时显示，于是自己写了一个前端模版通过innerHTML动态更新数据。其他浏览器都工作正常，偏偏ie怎么都出不来数据。排查了半天，结果是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时出现未知的运行时错误的解决方法
- 解决IE下select标签innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
- innerHTML 和 getElementsByName 在IE下面的bug 的解决
- JS 动态获取节点代码innerHTML分析 [IE,FF]
- IE 下的只读 innerHTML
- IE innerHTML,outerHTML所引起的问题
- IE6与IE7中，innerHTML获取param的区别
- IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
相关文章
js下比较实用的事件绑定代码，学习js 的朋友一定要学习的，为你的页面增加更好的交互。2010-08-08
这篇文章主要为大家详细介绍了JS实现li标签的删除，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
这篇文章主要介绍了微信小程序开发技巧汇总,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
在这篇文章中给大家分享了关于JavaScript实用代码小技巧的相关内容，有兴趣的朋友们可以参考学习下。2018-08-08
下面小编就为大家带来一篇javascript将list转换成树状结构的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要为大家详细介绍了three.js搭建室内场景教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要为大家详细介绍了js实现淘宝固定侧边栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了微信小程序实现签到功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
这篇文章主要介绍了微信小程序实现传递多个参数与事件处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要介绍了Javascript实现表单检验，以注册界面为例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
最新评论