天天看点

DOM创建表格

近日,在研究DOM创建表格,但是发现有个东西在IE下始终运行不了,细细思量,原来是这个原因

window.οnlοad=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!!!!!!!!!!!!!!!

继续阅读