javascript 动态创建表格单元格

[ 2005/12/14 14:34:00 | By: hoyo-hoyo ]

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function create_table()
{
 var span = document.getElementById("t");
 //创建一个table对象
 var vTable=document.createElement("TABLE");

 //设置table的属性
 vTable.setAttribute("CELLPADDING","0");
 vTable.setAttribute("CELLSPACING","0");
 vTable.setAttribute("BORDER","1");

 //插入一行
 vTr=vTable.insertRow();

 //插入一列
 vTd=vTr.insertCell();
 vTd1=vTr.insertCell();

 //设置列属性
 //vTd.style.background="#7596C6";
 //vTd.align="center";

 //插入这一列中显示的html
 vTd.innerHTML="<input type='text' name='bt_row_col' onclick='alert1(this.name)'>";
 vTd1.innerHTML="<input type='text' name='bt_row_col' onclick='alert1(this.name)'>";
 span.appendChild(vTable);

}
function alert1(str)
{
 alert(str);
}
function tt()
{
 var span = document.getElementById("t");
 var fileTag = "<input type='radio' id ='f1' name='f1' size=50>";
 var fileObj = document.createElement(fileTag);
 span.appendChild(fileObj);
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<A HREF="#" onclick="create_table()">test</A>
<TABLE border=1>
<TR>
 <TD><span id="t" name="t"></span></TD>
</TR>

</TABLE>

</BODY>
</HTML>

阅读全文 | 回复(1) | 引用通告 | 编辑 | 收藏该日志

Re:javascript 动态创建表格单元格

[ 2006/2/21 16:04:00 | By: 小玉(游客) ]
请问一下如果要让每一个Input name(栏位)都不一样的话要怎么改呢?

以下为blog主人的回复：

哎，来晚了 
在程序中做一个标示；每次点击做不同处理
个人主页 | 引用 | 返回 | 删除 | 回复

发表评论：

    昵称：
    密码：
    主页：
    标题：