点击相应按钮增加一行，再点再加一行，不刷新页面，如何实现？

Question

查一下关于dom的js帮助，应该是appendchild方法

Answer 1

TableID.insertRow("<tr><td>"+(TableID.rows.length+1)+"</td></tr>");
记不清了

Answer 2

<script>
var i=1;
var tab=document.all("TAB");
function add(){
 myNewRow = tab.insertRow();
 myNewCell= myNewRow.insertCell();
 myNewCell.innerText=i;
 i++;
}
</script>

Answer 3

<table id="TableID" border=1 width="100%">
<tr><td>1</td></tr>
</table>
<input type=button onclick="var varTr=TableID.insertRow();var varTd=varTr.insertCell();varTd.innerText=(TableID.rows.length+1);">

Answer 4

gjd111686(数字金刚(是非不在人心,公道在乎实力)) ( ) 
为什么我点了第一次，他的数值就是3？再向下点才正常。。2怎么没有了呢？

Answer 5

说实话，我看的不是很明白。里面的数字是怎么显示出来的呀？是哪一句呀？
<table id="TableID" border=1 width="100%">
<tr><td>1</td></tr>
</table>
<input type=button onclick="var varTr=TableID.insertRow();var varTd=varTr.insertCell();varTd.innerText=(TableID.rows.length+1);">

Answer 6

多了一个.
<table id="TableID" border=1 width="100%">
<tr><td>1</td></tr>
</table>
<input type=button onclick="var varTr=TableID.insertRow();var varTd=varTr.insertCell();varTd.innerText=(TableID.rows.length);">

Answer 7

我是按表格的<tr>长度来显示的.应该取前一行Td的innerText

Answer 8

高手，我想在新加入的行里定义行高与列数而且把那个加的值当变量在行里用，怎么做呢？比如这样～<table id="TableID" border=1 width="100%">
<tr align="center"> 
            <td height="25">产品ID1</td>
            <td height="25">产品名称1</td>
            <td height="25">产品单位1</td>
            <td height="25">产品单价1</td>
            <td height="25">产品数量1</td>
            <td height="25">金额小计1<td>
          </tr>
</table>
每次增加一行后，行里都要有这六个列，内容也一样，只是后面的1加了1！
这样好实现吗？

Answer 9

<table id="TableID" border=1 width="100%">
<tr><td>1</td></tr>
</table>
<input type=button onclick="AddRow()">
<script>
function AddRow()
{
var varTr=TableID.insertRow();
for(iIndex=1;iIndex<7;iIndex++)
{
var varTd=varTr.insertCell();
varTd.innerText="第"+TableID.rows.length+"行"+"第"+iIndex+"列";
}
}
</script>

Answer 10

哥，你看一下现在的效果。。这就是我做的页面
http://218.61.17.214:900/admin/chd.asp
你看你点增加后效果不行呀～～

Answer 11

看看这个：
function addrow()
{
var oRow1=this.parent.main.table1.insertRow(this.parent.main.table1.rows.length);
var cell1 = oRow1.insertCell(-1);
var cell2 = oRow1.insertCell(-1);  
cell1.innerHTML = "&nbsp;"+this.parent.main.table1.rows.length+ "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
cell2.innerHTML = "这是第"+this.parent.main.table1.rows.length+"行";
//rowsfor++;
//return rowsfor;  
}

Answer 12

看看这个：
function addrow()
{
var oRow1=this.parent.main.table1.insertRow(document.form1.table1.rows.length);
var cell1 = oRow1.insertCell(-1);
var cell2 = oRow1.insertCell(-1);  
cell1.innerHTML = "&nbsp;"+document.form1.table1.rows.length+ "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
cell2.innerHTML = "这是第"+document.form1.table1.rows.length+"行";
//rowsfor++;
//return rowsfor;  
}

Answer 13

<table id="TableID" border=1 width="100%">
<tr><td>1</td></tr>
</table>
<input type=button onclick="AddRow()">
<script>
function AddRow()
{
var varTr=TableID.insertRow();
for(iIndex=1;iIndex<7;iIndex++)
{
var varTd=varTr.insertCell();
                  varTd.height="20px";
varTd.innerText="第"+TableID.rows.length+"表格内容加一下"+"行"+"第"+iIndex+"列";
}
}
</script>

Answer 14

<table id="TableID" border=1 width="100%">
<tr><td>1</td></tr>
</table>
<input type=button onclick="AddRow()">
<script>
function AddRow()
{
var varTr=TableID.insertRow();    var varTd=varTr.insertCell();
           varTd.height="50px";
   varTd.innerText="产品ID"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerText="产品名称"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerText="产品单位"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerText="产品单价"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerText="产品数量"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerText="金额小计"+TableID.rows.length;}
</script>

Answer 15

还是没有意思呀，每列的内容还是没有办法换成自己想要的呀～
你看看这个网址呀哥哥这就是你现在的效果
http://218.61.17.214:900/admin/chd.asp

Answer 16

<table id="TableID" border=1 width="100%">
<tr><td>1</td></tr>
</table>
<input type=button onclick="AddRow()">
<script>
function AddRow()
{
var varTr=TableID.insertRow(); var varTd=varTr.insertCell();
        varTd.height="50px";
varTd.innerHTML="<input type=text>"+"产品ID"+TableID.rows.length;
var varTd=varTr.insertCell();
        varTd.height="20px";
varTd.innerHTML="<input type=text>"+"产品名称"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerHTML="<input type=text>"+"产品单位"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerHTML="<input type=text>"+"产品单价"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerHTML="<input type=text>"+"产品数量"+TableID.rows.length;    var varTd=varTr.insertCell();
           varTd.height="20px";
   varTd.innerHTML="<input type=text>"+"金额小计"+TableID.rows.length;}
</script>