JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
2005-01-01 00:00
831 查看
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(test);
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(test);
tr.appendChild(td);
tbody.appendChild(tr)
table.appendChild(tbody);
document.body.appendChild(table);
FireFox中不存在这个问题。需要注意的是显性的利用HTML构造table时,tbody元素不是必须的,可能IE在解析的时候会自动加入tbody吧,否则就解释不通了?
下面这种方式可以创建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(test);
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(test);
tr.appendChild(td);
tbody.appendChild(tr)
table.appendChild(tbody);
document.body.appendChild(table);
FireFox中不存在这个问题。需要注意的是显性的利用HTML构造table时,tbody元素不是必须的,可能IE在解析的时候会自动加入tbody吧,否则就解释不通了?
相关文章推荐
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- 动态创建Table时,在IE中需要注意的一个问题
- 动态创建radio、checkbox时需要注意的问题
- 动态添加表单元素需要注意的一个问题
- javascript 动态创建table数据(处理了ie6,7兼容问题)
- IE中createElement需要注意的一个问题
- javascript 在ie9下动态创建表格问题
- javascript动态创建table注意要点
- 用gen_tcp创建本地服务器需要注意的一个问题
- html动态创建table不成功的一个问题
- IE 中Javascript需要注意的问题
- hive创建外部表需要注意的一个问题
- Javascript中特殊字符转义需要注意的一个小问题
- jquery parent()方法在table标签中使用需要注意的一个问题
- 利用DBCA添加RAC新增节点时需要注意的一个问题
- 当你创建一个新项目时...有很多需要注意的地方哟
- javascript问题——ajax动态生成table
- 调试使用了函数模块的程序时需要注意的一个小问题