javascript 动态创建表格单元格(转)

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

原文地址:https://www.cnblogs.com/Godblessyou/p/1202484.html