1,如何遍历表格,2如何按下表格中的按钮就把按钮所在的行删除?

xiaha3 2004-04-17 03:41:36

如题

...全文

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

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

gaofaq 2004-05-07

打赏
举报

结贴！！！

seeu1688 2004-04-17

打赏
举报

<BODY>
<SCRIPT LANGUAGE="JScript">
function del(row)
{//删除表格指定行函数
if (confirm('你要删除第 ' + (row.rowIndex + 1) + ' 行'))
{
row.removeNode(true);
}
}

function readme()
{//遍历表格所有
var oTable = document.all.tbl;
for (var i=0; i < oTable.rows.length; i++)
{
var oTr = oTable.rows(i);
for (var j=0; j < oTr.cells.length; j++)
{
var oTd = oTr.cells(j);
alert('第 ' + (i+1) + ' 行/第 ' + (j+1) + '列单元格文字内容:\n' + oTd.innerText);
}
}
}
</SCRIPT>
<TABLE id=tbl width="200px" border=1>
<TR bgcolor="#CCCCCC">
<TD><button onclick="del(this.parentElement.parentElement)">删除该行</button></TD>
<TD>12</TD>
<TD>13</TD>
</TR>
<TR>
<TD><button onclick="del(this.parentElement.parentElement)">删除该行</button></TD>
<TD>22</TD>
<TD>23</TD>
</TR>
</TABLE>
<button onclick="readme()">遍历各单元</button>
</BODY>

gaofaq 2004-04-17

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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 kao() {
var obj = event.srcElement;
while (obj.tagName!="TD" && obj.tagName!="TABLE") {
obj = obj.parentElement;
}
obj.parentElement.removeNode(true);
}
</script>
</HEAD>

<BODY onclick="kao()">
<table border=1>
<tr>
<td width=100>1</td><td width=100>12</td>
</tr>
<tr>
<td width=100>2</td><td width=100>22</td>
</tr>
<tr>
<td width=100>3</td><td width=100>32</td>
</tr>
<tr>
<td width=100>4</td><td width=100>42</td>
</tr>
<tr>
<td width=100>5</td><td width=100><span style="border:1px solid red">52</span></td>
</tr>
</table>

</BODY>
</HTML>

xkou 2004-04-17

打赏
举报

<table id=t1>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<table>

<SCRIPT LANGUAGE="JavaScript">
for(a=0;a<t1.rows.length;a++)
for(b=0;b<t1.rows[a].cells.length;b++)
t1.rows[a].cells[b].innerHTML="<button onclick=del() >del";
function del(){
t1.deleteRow(event.srcElement.parentElement.rowIndex);
}
</SCRIPT>

micker 2004-04-17