如何构造一个函数,点击一行后,这行消失。

szhd002 2003-10-21 11:41:26
源码:
<tr id='0141'>
<td class=td width="10%" bgcolor="#CCCC99" nowrap><a href="javascript:insertsmilie0('0141','0');">0141</td>
<td class=td width="10%" bgcolor="#E0c090" nowrap>yyyyyyyy</a></td>
<td class=td width="10%" bgcolor="#E2D1A3" nowrap>教务处</td>
</tr>

...全文
34 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
kingdomzhf 2003-10-21
  • 打赏
  • 举报
回复
<table>
<tr id='0141' onclick="this.style.display='none'">
<td class=td width="10%" bgcolor="#CCCC99" nowrap><a href="javascript:insertsmilie0('0141','0');">0141</td>
<td class=td width="10%" bgcolor="#E0c090" nowrap>yyyyyyyy</a></td>
<td class=td width="10%" bgcolor="#E2D1A3" nowrap>教务处</td>
</tr>
<tr id='0142' onclick="this.style.display='none'">
<td class=td width="10%" bgcolor="#CCCC99" nowrap><a href="javascript:insertsmilie0('0141','0');">0141</td>
<td class=td width="10%" bgcolor="#E0c090" nowrap>yyyyyyyy</a></td>
<td class=td width="10%" bgcolor="#E2D1A3" nowrap>教务处</td>
</tr>
</table>
kingdomzhf 2003-10-21
  • 打赏
  • 举报
回复
<table>
<tr id='0141' onclick="this.style.display='none'">
<td class=td width="10%" bgcolor="#CCCC99" nowrap><a href="javascript:insertsmilie0('0141','0');">0141</td>
<td class=td width="10%" bgcolor="#E0c090" nowrap>yyyyyyyy</a></td>
<td class=td width="10%" bgcolor="#E2D1A3" nowrap>教务处</td>
</tr>
<tr id='0142' onclick="this.style.display='none'">
<td class=td width="10%" bgcolor="#CCCC99" nowrap><a href="javascript:insertsmilie0('0141','0');">0141</td>
<td class=td width="10%" bgcolor="#E0c090" nowrap>yyyyyyyy</a></td>
<td class=td width="10%" bgcolor="#E2D1A3" nowrap>教务处</td>
</tr>
</table>
longshenwang 2003-10-21
  • 打赏
  • 举报
回复
同上

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<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>

</HTML>
黑马 2003-10-21
  • 打赏
  • 举报
回复
如果需要选择进行删除的话,在<tr id='0141'>
下面加一个checkbox,然后使用下面的代码即可

function delRow(obj)
{
var myTable = document.getElementById("0141");
var bod = myTable.tBodies[0] ;

if (bod.rows.length == 0) return;
// use childNodes property to find checked rows and remove them
for (var x = bod.rows.length-1; x >= 0; x-- )
if (bod.rows[x].cells[0].childNodes[0].checked)
bod.deleteRow(x);
}

如果不选择,就全部删除的话,把上面的代码中的if (bod.rows[x].cells[0].childNodes[0].checked)去掉即可

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧