Javascript动态生成table

javascript动态生成Table是在迫不得以的情况下使用。因为表格会耗费大量的时间进行重绘。
而且如果窗口变化了，还会引起意想不到的格式变化。所以最好不要使用。

先在

中添加一个

下面就可以使用javascript代码来做这个事情：

function createTable(divName)

![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBloc
kStart.gif) ![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/
ContractedBlock.gif) … {


var div = document.getElementById(divName);

var table = document.createElement( " table " ); // 创建table

var row = table.insertRow(); // 创建一行

var cell = table.insertCell(); // 创建一个单元

cell.width = " 10 " ; // 更改cell的各种属性

cell.style.backgroundColor = " #999999 " ;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBloc
kEnd.gif) }

你还可以发挥下想象力动态地创建各种各样的控件。上面的function是放置JS文件中的。

如果在html中的调用

这里是创建了一个Table的元素，但是还没有加载到div层中去。

这里最好不使用div.innerHTML也不要使用div.innerText

要使用div.appendChild(table);