js在不刷新的情况下动态添加表格行[脚本之家强烈推荐]

时间：2020-12-07 17:01:10|栏目：JavaScript代码|点击：次

<!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> <style type="text/css">  </style> <script language="javascript" type="text/javascript">  </script> <div id="test"> 添加产品品种数:<input type="text" name="text" value="" /> <input type="button" name="submit" value="生成输入框" onclick="show()" /> </div> <table cellpadding="0" cellspacing="0" border="1px solid #ccc"> <tr style="background-color:#009999"> <td>产品编号</td> <td>产品名称</td> <td>数量</td> <td>单价</td> </tr> </table> <div id="change"> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：js中查找最近的共有祖先元素的实现代码

栏目：JavaScript代码

下一篇：Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]

本文标题：js在不刷新的情况下动态添加表格行[脚本之家强烈推荐]

本文地址：http://www.codeinn.net/misctech/30254.html

更多JavaScript代码

JavaScript代码

js在不刷新的情况下动态添加表格行[脚本之家强烈推荐]

阅读排行

推荐教程