例:
<script>
tab.insertRow();
tab.rows(1).insertCell();
tab.rows(1).cells(0).innerHTML=document.all.text1.value;
<script><table border=1 id=tab>
</table>
<script>
tab.insertRow();
tab.rows(1).insertCell();
tab.rows(1).cells(0).innerHTML=document.all.text1.value;
<script><table border=1 id=tab>
</table>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
TD,INPUT{ font-size:9pt; }
</style>
<title>明细ID</title>
</head><body>
<form name="frm" method=post ><table align="center" bordercolor=cccccc border=1 width=100% >
<tr>
<td width=500>
</td>
<td align=right>
<input type="button" value="增加" class="bottom" onclick="addDetailProcess();">
<input type="button" value="删除" class="bottom" onclick="delDetailProcess();">
</td>
</tr>
</table>
<div width=100% id=thedetailtableDIV>
<table align="center" bordercolor=cccccc border=1 width=100% >
<tbody id="tbDetailPrepare">
<tr>
<td ><input type="checkbox" name="record_select" ></td>
<td ><input type="text" name="detail_id" value='' ></td>
<td ><input type="text" name="detail_name" value='' ></td>
</tr>
</tbody>
<tr bgcolor=eeeeee id="trDetailTitles">
<td ><input type=checkbox onclick="selectallcheckbox(this)"></td>
<td >明细ID</td>
<td >明细NAME</td>
</tr>
<tbody id="tbDetailUsed" ><tr height=0 ><td colspan=100 height=0 > 合计</td></tr>
</tbody> </table>
</div>
</form></body></html><script language=javascript>
function selectallcheckbox(obj) //全选或全不选
{
var tureorfalse=obj.checked;
var theDetail=tbDetailUsed.rows;
for(var i=0;i<theDetail.length-1;i++)
{
theDetail[i].all("record_select").checked=tureorfalse;
}
}
function addDetailProcess(afterRowIndex) //增加明细
{
var alltbDetailUsed= document.all("tbDetailUsed").rows;
var theFirstSelectedDetail;
if (afterRowIndex==null)
{
for(var i=0;i<alltbDetailUsed.length-1;i++)
{
if (alltbDetailUsed[i].all("record_select").checked==true) {theFirstSelectedDetail=i;break;}
}
if (theFirstSelectedDetail==null) {theFirstSelectedDetail=alltbDetailUsed.length-2;}
}
else theFirstSelectedDetail=afterRowIndex;
var newRow = document.all("tbDetailPrepare").rows[0].cloneNode(true);
var desRow = alltbDetailUsed[theFirstSelectedDetail+1];
desRow.parentElement.insertBefore(newRow,desRow ); }
function delDetailProcess() //删除明细
{
var alltbDetailUsed= document.all("tbDetailUsed").rows;
if (confirm("确定选择正确并且要将这些明细删除")==false) return false;
for(var i=0;i<alltbDetailUsed.length-1;i++)
{
if (alltbDetailUsed[i].all("record_select").checked==true)
{
document.all("tbDetailUsed").deleteRow(i);
i=i-1;
}
}
}
</script>
<HEAD></HEAD><BODY>
<TABLE ID="Tab" border=1></TABLE>
<SCRIPT LANGUAGE="VBScript">
<!--
Dim row
Dim cell
Dim tbody
Dim i,j set tbody = Tab.childNodes(0)
Call Tab.appendChild(tbody)
for i=1 To 1000
Set row = document.createElement( "TR" )
Call tbody.appendChild( row )
for j=1 To 10
Set cell = document.createElement( "TD" )
Call row.appendChild(cell)
cell.id = "t1"
cell.innerText = "the" & i & " Row,第 " & j & " Col"
Next
Next window.t1(3).innerText = "hello"
//-->
</SCRIPT>
</BODY>
</HTML>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function DyAddRowA(id){ //该函数实现动态增添行的功能
var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
var e=document.all.myTable;
var index_num=e.rows.length///有时每个表的结构不同,要根据情况调整起始行的数值作为动态生成元素的下标序号,可用alert(index_num)来测试
//alert(e.rows[0].cells.length)测试表的列数
// alert(e.rows(0).cells.length)测试表的列数
document.form1.counter.value=index_num//把值赋给作计数器的隐藏变量
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode(index_num))
var td2 = document.createElement("TD")
//以下几行须根据不同的页面,作相应的修改。改动每个创建元素的属性即可。
var txt2=document.createElement("<INPUT name='tx_NSRSBH"+index_num+"' type='TEXT' size='15' align='center' class='required' onKeyDown='if (event.keyCode==13)event.keyCode=9;' >")
var td3 = document.createElement("TD")
var txt3=document.createElement("<INPUT name='tx_NSRMC"+index_num+"' type='TEXT' align='center' class='required' onKeyDown='if (event.keyCode==13)event.keyCode=9;' >")
var td4=document.createElement("TD")
var txt4=document.createElement("<INPUT name='tx_QSZLMC"+index_num+"' type='TEXT' size='20' class='required' onKeyDown='if (event.keyCode==13)event.keyCode=9;' >")
var td5=document.createElement("TD")
var txt5=document.createElement("<INPUT name='tx_BZ"+index_num+"' type='TEXT' size='20' class='required' onkeydown='if (event.keyCode==13) onEnter()' >")
//td1.appendChild(txt1);
td2.appendChild(txt2);
td3.appendChild(txt3);
td4.appendChild(txt4);
td5.appendChild(txt5);
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
//tbody.insertBefore (row,tbody.lastChild)// 有时根据表的结构,该语句与下一句代码替换。
tbody.appendChild(row);
txt2.focus()
}
///////////////////////////////////////
function onEnter()
{
var e=event.srcElement
if(e.tagName=="TR" ||e.tagName=="TABLE" ) return
while(e.tagName!="TD") e=e.parentElement
var obtable=document.all.myTable
var text_num=obtable.rows.length-1
if(e.parentElement.rowIndex<text_num)//
event.keyCode=9;
else
{
DyAddRowA('myTable')//把表名作为参数
window.event.returnValue=false;//不让切换页面
}
}
</script>
</head><body class="ttbody" >
<table class="virtual_table" width="610" border="0" cellspacing="0" cellpadding="0">
<form name="form1" method="post" >
<input type="hidden" name="id" value="">
<input type="hidden" name="counter">
<tr>
<td height="146">
<table class="data-table" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4">
<hr>
</td>
</tr>
<tr>
<td colspan="4">
<table id="myTable" width="101%" border="1" cellspacing="0" cellpadding="0">
<tr align="center">
<td align="left">序号</td>
<td >纳税人识别号</td>
<td>纳税人名称</td>
<td >缺少资料名称</td>
<td>备注</td>
</tr>
<tr>
<td width="8%">
<p align="left">1</p>
</td>
<td width="14%">
<input type="text" name="tx_NSRSBH1" class="required" size="15" maxlength="20" onKeyDown="if (event.keyCode==13)event.keyCode=9;">
</td>
<td width="24%">
<input type="text" name="tx_NSRMC1" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;" size="20">
</td>
<td width="25%">
<input type="text" name="tx_QSZLMC1" class="required" onKeyDown="if (event.keyCode==13)event.keyCode=9;" size="20" >
</td>
<td width="29%">
<input type="text" name="tx_BZ1" class="required" onkeydown="if(window.event.keyCode==13) onEnter();" size="20">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="17" align="center">
<input type="submit" name="saveit" value="保存" onKeyDown="if (event.keyCode==13) this.blur();">
</td>
<td height="17" align="center">
<input type="reset" name ="clear" value="重置">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</form>
</table>
</body>
</html>
<button onclick="addInput()">增加表格及输入框</button>
<table id=t border=1>
<tr>
<td><input type=text name=test value=""></td>
</tr>
</table><SCRIPT LANGUAGE=javascript>
<!--
function addInput(){
var strHTML='<input>';
var tmp=t.insertRow();
tmp=tmp.insertCell();
tmp.innerHTML=strHTML;
}
//-->
</SCRIPT>
跟他的问题差不多,
分不够的化上我这来哪
没想到我们都关心这个问题