首页 > 其他 > 详细

table方法

时间:2017-11-05 19:48:18      阅读:233      评论:0      收藏:0      [点我收藏+]

如果想通过核心DOM方法来完成这个任务,我们的代码可能会很复杂

那么用下面这个方法可能会大大降低创建表格的复杂度

 //创建table

var oTable=document.createElement("table");

oTable.setAttribute("border","1");

oTable.setAttribute("width","100%");

//创建tbody

var oTBody=document.createElement(tbody);

oTable.appendChild(oTBody);

//创建第一行

oTBody.insertRow(0);

oTBody.rows[0].insertCell(0);

oTBody.rows[0].cells[0].appendChild(document.createTextNode("cell  1,1"));

oTBody.rows[0].insertCell(1);

oTBody.rows[0].cells[1].appendChild(document.createTextNode("cell  2,1"));

//创建第二行

oTBody.insertRow(0);

oTBody.roed[1].insertCell(0);

oTBody.rows[1].cells[0].appendChild(document.createTextNode("cell  1,2"));

oTBody.rows[1].insertCell[1];

oTBody.rows[1].cells[1].appendChild(document.createTextNode("cell  2,2"));

//将table添加到文档body部分

document.body.appendChild(oTable);

table方法

原文:http://www.cnblogs.com/wxl520/p/7788300.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!