动态生成一个Table，并且在Table里面添加显示内容或者控件

setAttribute:设置属性。例如:subTab.setAttribute("border", "0")为table设置border属性为0;

rows:返回table行集合。例如:subTab.rows返回subTab的行集合，subTab.rows[0]返回第一行的行对象，subTab.rows.length返回行数。

cells:返回单元格集合。例如:subTab.rows[0].cells返第一行的单元格集合，其它属性用法类似于rows.

insertRow:产生一行并返回行对象。subTab.insertRow(0)，增加一行，0是索引。

insertCell:产生一个单元格返回单元格对象。

appendChild:在单元格内加入一个子元素。例如:cells[0].appendChile(obj)将obj嵌入cells[0]单元格里面。

利用以上方法(属性)创建一个table并插入一些控件及文字内容:

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

subTab.setAttribute("border",0);

subTab.setAttribute("width",60%);

subTab.className = "css.css";//这种写法也可以

var subNewRow = subTab.insertRow(0);

var subNewCell0 = subNewRow.insertCell(0);

var subNewCell1 = subNewRow.insertCell(1);

var textbox = document.createElement("input");

textbox.setAttribute("type","text");

subNewCell0.appendChild(textbox);

subNewCell1.innerHTML = "<image class="chartToolsLink" onclick="fn()" Border="0" src="img.gif" alt="..."  align="absmiddle" style="width:12px;border-width:0px;cursor:hand" />";

用以上代码就可以动态创建一个table了，创建多行或多列只需要嵌套相应的循环代码即可，此处不再赘述。