求一个删除行的方法

ShadowInWind 2008-04-09 04:37:48

一个table，n行n列，每行有一个取消按钮。
点击取消按钮后。如何根据取消按钮，把整行删除？
取消按钮，没有id，name统一。

...全文

62 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

ShadowInWind 2008-04-09

打赏
举报

搞定，用了myvicy的方法，多谢各位前辈哈~结了~

No_Data_Found 2008-04-09

打赏
举报

收藏

onclick="this.parentNode.parentNode.parentNode.deleteRow(this.parentNode.parentNode.rowIndex)"

No_Data_Found 2008-04-09

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>



</head>



<body>

<div style="width:600px" align="center">

<table id="tb" width="200" border="1" align="left">

  <tr>

    <td>1</td>

    <td> </td>

    <td>      <input type="button" name="button" onclick="del(this)" id="button" value="取消" /></td>

  </tr>

  <tr>

    <td>2</td>

    <td> </td>

    <td>      <input type="button" name="button" onclick="del(this)" id="button" value="取消" /></td>

  </tr>

  <tr>

    <td>3</td>

    <td> </td>

    <td>      <input type="button" name="button" onclick="del(this)" id="button" value="取消" /></td>

  </tr>

  <tr>

    <td>4</td>

    <td> </td>

    <td>      <input type="button" name="button" onclick="del(this)" id="button" value="取消" /></td>

  </tr>

  <tr>

    <td>5</td>

    <td> </td>

    <td>      <input type="button" name="button" onclick="del(this)" id="button" value="取消" /></td>

  </tr>

</table>

<script language="javascript">

function $ (id)

{

	return document.getElementById(id);

}

	





function del(obj)

{

	var tb = $("tb");



	for(var i=0;i<tb.rows.length;i++)

	{

		if(tb.rows[i] == obj.parentElement.parentElement)

		{

			tb.deleteRow(i);

			return ;

		}

	}

}

</script>

</div>

</body>

</html>

myvicy 2008-04-09

打赏
举报

removeNode只是ie可以.
deleteRow和rowIndex是标准的.
测试通过.

myvicy 2008-04-09

打赏
举报

优化一下象这样:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script>

function delrow(o){

	table = o.parentNode.parentNode.parentNode

	tr = o.parentNode.parentNode

	table.deleteRow(tr.rowIndex)

}

</script>

</head>



<body>

<table width="200" border="1">

  <tr>

    <td> </td>

    <td> </td>

    <td><input type="button" name="cancle" value="取消" onclick="delrow(this)"/></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td><input type="button" name="cancle" value="取消" onclick="delrow(this)"/></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td><input type="button" name="cancle" value="取消" onclick="delrow(this)"/></td>

  </tr>

</table>

</body>

</html>

Unending 2008-04-09

打赏
举报



<table border="1" width="100%" id="table1">

	<tr>

		<td width="25%">　</td>

		<td width="25%">　</td>

		<td width="25%">　</td>

		<td width="25%"><input type=button value="取消" onclick="delrow(this);"></td>

	</tr>

	<tr>

		<td>　</td>

		<td>　</td>

		<td>　</td>

		<td><input type=button value="取消" onclick="delrow(this);"></td>

	</tr>

	<tr>

		<td>　</td>

		<td>　</td>

		<td>　</td>

		<td><input type=button value="取消" onclick="delrow(this);"></td>

	</tr>

</table>

<script language=javascript>

function delrow(o)

{

	o.parentNode.parentNode.removeNode(true);

}

</script>

IE测试过，其他浏览起没测试

hookee 2008-04-09

打赏
举报



<SCRIPT LANGUAGE="JScript">

var n = null;

function doit(obj){

	var td = obj.parentNode.parentNode;

	td.removeNode(true);

}

</SCRIPT>



<table>

	<tr><td>1xxxx</td><td><input type="button" value="取消" onclick="doit(this);"></td></tr>

	<tr><td>2xxxx</td><td><input type="button" value="取消" onclick="doit(this);"></td></tr>

	<tr><td>3xxxx</td><td><input type="button" value="取消" onclick="doit(this);"></td></tr>

</table>

myvicy 2008-04-09

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>



<body>

<table width="200" border="1">

  <tr>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td><input type="button" name="cancle" value="取消" onclick="this.parentNode.parentNode.parentNode.deleteRow(this.parentNode.parentNode.rowIndex)"/></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

</table>

</body>

</html>