table中的添加删除行操作

最新推荐文章于 2019-06-25 17:09:38 发布

原创最新推荐文章于 2019-06-25 17:09:38 发布 · 524 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#table #xhtml #javascript #html #button #border

胡编乱造的JS代码专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现HTML表格行的动态添加和删除的方法。通过简单的按钮操作即可完成表格行的增删，适用于需要灵活编辑表格内容的应用场景。

<!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> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">th{background-color:#00CCFF;text-align:left;padding:2px 12px;} td{background-color:#eee;border-bottom:1px solid #ccc;padding:2px 12px;} .mart_20{margin-top:20px;}</style> </head> <body> <table width="500" border="0" cellspacing="0" cellpadding="0" id="tbl"> <tr> <th>Title 1</th> <th>Title 2</th> <th>Operation</th> </tr> </table> <input class="mart_20" type="button" value="Add New" onclick="addNew()" /> <mce:script type="text/javascript" language="javascript"></mce:script> </body> </html>

最新研制。。尚为小小小小鸟一只，难免疏忽一楼某些细节。