按钮触发table添加一行删除一行

最新推荐文章于 2024-03-27 17:43:55 发布

原创最新推荐文章于 2024-03-27 17:43:55 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#table #class #function #stylesheet #javascript #html

Web 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现HTML表格动态添加和删除行的方法。通过定义特定的函数，可以在用户点击按钮时为表格增加新的搜索条件行，并提供删除已添加行的功能。此方法适用于需要用户自定义查询条件的网页应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>addHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <mce:script type="text/javascript"></mce:script> </head> <body> <input type="button" value="新增" onclick="addSearchCondition()" /> <table id=tabCondition width='100%' align='center' cellpadding='0' cellspacing='0'> <tr height="28"> <td width="10%" class='FieldTitle' align="right"> 字段名称 </td> <td width="30%" class='FieldTitle' align="center"> 查询值 </td> <td width="10%" class='FieldTitle'> 连接条件 </td> <td width="10%" class='FieldTitle' align="right"> 字段名称 </td> <td width="25%" class='FieldTitle' align="center"> 查询值 </td> <td width="10%" class='FieldTitle'> 连接条件 </td> <td width="5%" class='FieldTitle'> 操作 </td> </tr> </table> </body> </html>