动态创建Table时,在IE中需要注意的一个问题
来源:互联网 发布:拼多多双十一销售数据 编辑:程序博客网 时间:2024/06/07 22:25
A small trick when creating table dynamically with javascript.
下面这种方式可以创建table,并附加到Dom树中,但是在IE中是不显示的:
var table = document.createElement("TABLE");
var tr = document.createElement("TR");
var td = document.createElement("TD");
var text = document.createTextNode("testt");
td.appendChild(txst);
tr.appendChild(td);
table.appendChild(tr);
document.body.appendChild(table);
var tr = document.createElement("TR");
var td = document.createElement("TD");
var text = document.createTextNode("testt");
td.appendChild(txst);
tr.appendChild(td);
table.appendChild(tr);
document.body.appendChild(table);
不报错,用Dom查看器也可以看到整个table被完整创建了,并附加到body里面,但就是不显示。这是因为在IE里不允许将tr直接附加到table里,而要先将tr附加到tbody中,然后再将tbody附加到table下。所以正确的应该是:
var table = document.createElement("TABLE");
var tbody = document.createElement("TBODY");
var tr = document.createElement("TR");
var td = document.createElement("TD");
var text = document.createTextNode("testt");
td.appendChild(txst);
tr.appendChild(td);
tbody.appendChild(tr)
table.appendChild(tbody);
document.body.appendChild(table);
var tbody = document.createElement("TBODY");
var tr = document.createElement("TR");
var td = document.createElement("TD");
var text = document.createTextNode("testt");
td.appendChild(txst);
tr.appendChild(td);
tbody.appendChild(tr)
table.appendChild(tbody);
document.body.appendChild(table);
FireFox中不存在这个问题。需要注意的是显性的利用HTML构造table时,tbody元素不是必须的,可能IE在解析的时候会自动加入tbody吧,否则就解释不通了?
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- 动态创建Table时,在IE中需要注意的一个问题
- jquery parent()方法在table标签中使用需要注意的一个问题
- IE 中Javascript需要注意的问题
- 在MyEclipse中使用Hibernate需要注意的一个问题
- 在SSH2开发中需要注意的一个小问题。
- 关于在创建文件时需要注意的问题
- 动态创建二维字符数组需要注意的问题
- 在SQL2000中创建或修改列的默认值 需要注意的一个参数
- 动态规划需要注意的问题(动态更新中)
- 动态添加表单元素需要注意的一个问题
- 用gen_tcp创建本地服务器需要注意的一个问题
- hive创建外部表需要注意的一个问题
- android 在代码中动态设置字体颜色需要注意的问题
- Android 在代码中动态设置字体颜色需要注意的问题
- IE兼容需要注意的问题记录
- 可能需要在页面中动态创建一个 form
- 在实现一个WIFI无线连接设置中需要注意的问题
- 在Microsoft Office System中使用ADO.NET数据集(六)
- Rational Portfolio Manager V7.0实施文档
- 给DataGrid加上右键菜单
- 击鼓传花——轮询式错误处理机制的设计与实现(三)
- 用Sockets接收和转换数字和字符串数据
- 动态创建Table时,在IE中需要注意的一个问题
- 设计模式之代理模式(Proxy)
- Windows系统优化bat命令
- Web报表打印·简单实现·(一)
- C# 线程无法开启窗口的原因
- datagrid的正反双向排序
- 文本型单页面ASP.NET计数器
- 用NUnit2.1简单实现.net的测试驱动开发(TDD)
- DES(Data Encryption Standard)加密解密整理