当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE bug table元素的innerHTML

Javascript
AJAX教程(14):通过XMLHTTP加载XML文件
AJAX教程(15):通过XMLHTTP进行一次HEAD请求
AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17):把XML文件显示为HTML表格
JS通过WMI获取客户端硬件信息
JavaScript中使用远程脚本
关于Ajax技术的注意事项
XMLHttpRequest创建智能表单
iframe创建智能表单
JS教程:线小测试程序
在Web页面中使用计时器
将事件处理器作为HTML标记的属性
事件处理器作为浏览器对象的属性
Math对象应用详解
random()方法和pow()方法
charAt()方法和charCodeAt()方法
Number对象常用的toFixed()方法
JS教程:为什么尽量用局部变量代替全局变量
解决JavaScript循环中的过多操作
处理提示“脚本运行时间过长的提示框”问题

Javascript 中的 IE bug table元素的innerHTML


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 321 ::
收藏到网摘: n/a

做项目时遇到一个数据表需要展示,由于坚定着使用合理标签表示合适内容,于是使用了table,悲剧开始了。 首先时飘忽不定的collapse的border,ie6偏偏有一个地方与其他浏览器表现不同,一条丑陋的border不管怎么样都显示出来。无解。
上面的问题可以用诡异方法解决的话,那接下来就完全没有办法了。
由于涉及到了数据的异步传输和实时显示,于是自己写了一个前端模版通过innerHTML动态更新数据。其他浏览器都工作正常,偏偏ie怎么都出不来数据。排查了半天,结果是IE的table元素为只读,不能使用innerHTML!!!!
同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR等。
这是ie的bug还是本应该如此⋯⋯ 累⋯⋯
最后改用ul,世界美好啊⋯⋯