DOM自动生成表格 – 筚路蓝缕

&lt;html&gt;
&lt;body onload="init()"&gt;
&lt;script defer&gt;
function init()
{
	var tbl, tbody, tr, td, text, i, max;
	max = 10;
	var theDoc = document;
	var theBody = theDoc.body;
	tbl = theDoc.createElement("TABLE");
	tbl.border = "1";
	tbody = theDoc.createElement("TBODY");
	tbl.insertBefore(tbody, null);
	theBody.insertBefore(tbl, null);
	for (i = 0; i &lt; max; i++)
	{
		tr = theDoc.createElement("TR");
		td = theDoc.createElement("TD");
		text = theDoc.createTextNode("Text");
		tbody.insertBefore(tr, null);
		tr.insertBefore(td, null);
		td.insertBefore(text, null);
	}
}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

function init()

{

var tbl, tbody, tr, td, text, i, max;

max = 10;

var theDoc = document;

var theBody = theDoc.body;

tbl = theDoc.createElement("TABLE");

tbl.border = "1";

tbody = theDoc.createElement("TBODY");

tbl.insertBefore(tbody, null);

theBody.insertBefore(tbl, null);

for (i = 0; i < max; i++)

{

tr = theDoc.createElement("TR");

td = theDoc.createElement("TD");

text = theDoc.createTextNode("Text");

tbody.insertBefore(tr, null);

tr.insertBefore(td, null);

td.insertBefore(text, null);

}

</script>

</body>

</html>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复