怎样在table里动态增减行？

zwshch 2003-10-21 10:36:31

如开始table是：
<table id="table1">
<tr>
<td>name</td><td>price</td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
</table>
我要动态把它的行都赋上值
<table id="table1">
<tr>
<td>name</td><td>price</td>
</tr>
<tr>
<td>p1</td><td>23</td>
</tr>
<tr>
<td>p2</td><td>43</td>
</tr>
</table>

...全文

65 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

黑马 2003-10-21

打赏
举报

增行如下：
function addRow()
{
var myTable = document.getElementById("TableID");
var i=myTable.rows.length;
var row = myTable.insertRow();

var cell1 = row.insertCell() ;//加单元格

以下是增加文件选择控件，可以不用
var text1 = document.createElement("input");
var text5 = document.createElement("input");
text1.name="FileInfo"+(i-2) ;
text1.type = "file"
text5.type = "checkbox";
text5.name = "attach";
text5.id = i ;

//将控件放在指定的单元格中，也可以不用
cell1.appendChild(text5);
cell1.appendChild(text1);
}

删除行见：http://expert.csdn.net/Expert/topic/2378/2378429.xml?temp=.4171259

junsunchen 2003-10-21

打赏
举报

function addta()
{

var obj = MenuTa2.insertRow(i)
obj.insertCell(0).innerText = i
obj.insertCell(1).innerText = "888"
obj.insertCell(2).innerHTML = "<input class=input id=co readonly type=text value="+form1.sName.value+">"
obj.insertCell(3).innerText = form1.sGG.value
obj.insertCell(4).innerText = document.all("sAddr").text
i = i+1
}

ricky460 2003-10-21

打赏
举报

用innerText就可以了。。。

kingdomzhf 2003-10-21

打赏
举报

<body >
<table id=t1>
<tr>
<td>a</td><td>b</td>
</tr>
<tr>
<td>c</td><td>d</td>
</tr>
</talbe>
<input type=button value="delete row" onclick="if(t1.rows.length >= 1) t1.deleteRow(0)">
<input type=button value="insert row" onclick="var oRow = t1.insertRow(0);oRow.insertCell().innerHTML = '<td>k</td>';oRow.insertCell().innerHTML='<td>l</td>'">
</body>

梦想成真2003 2003-10-21

打赏
举报

table1.rows[1].cells[0].innertext=p1;
table1.rows[1].cells[1].innertext=23;
table1.rows[2].cells[0].innertext=p2;
table1.rows[2].cells[1].innertext=43;