DOM创建表格_dom 3.0 创建表格-CSDN博客

本文链接：https://blog.csdn.net/a53818742/article/details/47374079

近日，在研究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!!!!!!!!!!!!!!!