javascript动态生成table
2008-01-21 18:16
375 查看
javascript动态生成Table是在迫不得以的情况下使用。因为表格会耗费大量的时间进行重绘。 而且如果窗口变化了,还会引起意想不到的格式变化。所以最好不要使用。
先在<form>中添加一个<div id='divTable'></div>下面就可以使用javascript代码来做这个事情:
function createTable(divName)
...{
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";
}
你还可以发挥下想象力动态地创建各种各样的控件。上面的function是放置JS文件中的。
如果在html中的调用<script type="..." src="*.js"></script>
这里是创建了一个Table的元素,但是还没有加载到div层中去。
这里最好不使用div.innerHTML也不要使用div.innerText
要使用div.appendChild(table);
先在<form>中添加一个<div id='divTable'></div>下面就可以使用javascript代码来做这个事情:
function createTable(divName)
...{
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";
}
你还可以发挥下想象力动态地创建各种各样的控件。上面的function是放置JS文件中的。
如果在html中的调用<script type="..." src="*.js"></script>
这里是创建了一个Table的元素,但是还没有加载到div层中去。
这里最好不使用div.innerHTML也不要使用div.innerText
要使用div.appendChild(table);
相关文章推荐
- JavaScript动态生成table中的数据
- JavaScript:一维数组动态生成N行N列table表格
- JavaScript一维数组动态生成N行N列table表格的问题
- javascript问题——ajax动态生成table
- 如何动态生成table(javascript)
- ASP动态生成的javascript表单验证代码
- 浏览器客户端智能自动化:如何取得页面中JavaScript运行时动态生成的URL?
- 使用JSTL动态生成表格Table
- 动态生成HtmlTable表格
- 动态生成web表-asp.net table
- 用ASP动态生成JavaScript的表单验证代码
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript如何动态创建table表格
- 在.net中利用Web控件Table动态生成表格
- 使用AJAX动态生成table表格数据
- JS动态生成Table
- javascript动态创建table
- javascript动态给Table添加删除行
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- ABAP动态生成经典应用之Table数据Upload 程序