javascript动态生成table

xiaoxiao2024-04-21  34

转载于http://blog.csdn.net/cctt_1/archive/2008/01/21/2057233.aspx

 

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);

相关资源:javascript动态添加table
转载请注明原文地址: https://www.6miu.com/read-5015130.html

最新回复(0)