javascript 动态创建表格

function createTable()

{

　　 var serch = document.createElement("TABLE");//指定创建的是Table （创建什么指定　　什么：DIV...）
　　 serch.id="searchGrid";//指定table名子
　　 serch.cellPadding = "0";
　　 serch.cellSpacing="0";
　　 var rRow = serch.insertRow();//创建行
　　 rRow.vAlign="top";//字体属性：Top,Bottom,Center
　　 var curCell = rRow.insertCell();//创建列
　　 curCell.width="24";//指定宽
　　 curCell.style.borderBottom="2px solid #BED6E0";//指定下边框颜色 宽度
　　 curCell.style.textAlign="center";//指定某一列字体属性
　　 curCell.style.paddingTop = "11px";//某一列距离上边框高度
　　 searchNode.appendChild(serch);//HTML节点searchNode处，创建Table.searchNode　　　　　　     为HTML节点

//循环插入数据

　　for(var i=0; i<list.length; i++)
   {
   
   var l = list[i].map;
   var mRow = searchGrid.insertRow();
   mRow.style.paddingLeft="4px";
   mRow.style.paddingTop="5px";
   mRow.style.paddingBottom="4px";
   mRow.style.cursor="hand";
   
   mRow.onclick=Function("changeGridColor(this,searchGrid,searchGrid0);");
   mRow.ondblclick=Function("top.newLabel(this.openText, this.url)");
   mRow.openText="工作任务";
   mRow.url="task_index.fp?Vid="+l.id;
   
   var curCell = mRow.insertCell();
   mRow.insertCell();
   curCell.innerHTML =  "<span style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;'>"+ (l.lastModifyDate == undefined ? "" : l.lastModifyDate.substring(2)) +"</span>";
   
   var curCell0 = mRow.insertCell();
   mRow.insertCell();
   curCell0.innerHTML = "<span style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;'>"+ (l.rw0101 == undefined ? "" : l.rw0101) +"</span>";
   
   var curCell1 = mRow.insertCell();
   mRow.insertCell();
   curCell1.innerHTML = "<span style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;'>"+ (l.rw0103 == undefined ? "" : l.rw0103) +"</span>";
   
   var curCell2 = mRow.insertCell();
   mRow.insertCell();
   curCell2.innerHTML = "<span style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;'>"+ (l.rw0106 == undefined ? "" : l.rw0106)+"</span>";
  }

 

}