DOM创建表格

最新推荐文章于 2022-04-19 12:32:23 发布

梦之风舞者

最新推荐文章于 2022-04-19 12:32:23 发布

阅读量344

点赞数

分类专栏： javascript 文章标签： DOM动态创建表格 HTML的DOM创建表格

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

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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