您的位置:首页 > Web前端 > HTML

DOM创建表格

2015-08-09 10:47 579 查看
近日,在研究DOM创建表格,但是发现有个东西在IE下始终运行不了,细细思量,原来是这个原因
window.onload=function(){
var table=document.createElement("table");
table.width=500;
table.border=1;

table.createCaption().innerHTML="人员表";

var thead=table.createTHead();
var tr=thead.insertRow(0);
tr.insertCell(0).innerHTML="姓名";
tr.insertCell(1).innerHTML="年龄";
tr.insertCell(2).innerHTML="性别";

//FF、chrome  var tbody=table.createTBody();
/* IE :*/     var tbody=document.createElement("tbody");
table.appendChild(tbody);
var tr=tbody.insertRow(0);
tr.insertCell(0).innerHTML="李明";
tr.insertCell(1).innerHTML="25";
tr.insertCell(2).innerHTML="男";

var tfoot=table.createTFoot();
var tr=tfoot.insertRow(0);
tr.insertCell(0).innerHTML="总数1";
tr.insertCell(1).innerHTML="总数2";
tr.insertCell(2).innerHTML="总数3";
document.body.appendChild(table);
}

注意上述代码中tbody的声明方式,火狐谷歌下,在table对象下createTBody即可,但是IE不支持这个用法,只能在document下面createElement。

万恶的IE!!!!!!!!!!!!!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息