11.14课后作业-完成table.html中删除行、添加行的功能。
来源:互联网 发布:淘宝虚拟产品有哪些 编辑:程序博客网 时间:2024/06/15 08:25
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>姓名:<input type="text" id="name" />联系方式:<input type="text" id="email" />年龄:<input type="text" id="age" /><input type="button" value="添加用户" onclick="addUser()"/><br /><br /><hr /><br /><table id="userTable" align="center" border=1 cellspacing=0 cellpadding=5 width="50%"> <tr> <th>姓名</th> <th>联系方式</th> <th>年龄</th> <th>操作</th> </tr> <tr> <td>测试</td> <td>sn@dwd</td> <td>18</td> <td> <input type="button" value="删除" onClick="removeUser(this)" /> </td> </tr></table> <script type="text/javascript"> function addUser(){ var name = document.getElementById('name').value; var email = document.getElementById('email').value; var age = document.getElementById('age').value; var html1 = "<tr><td>"+name+"</td><td>"+email+"</td><td>"+age+"</td><td><input type='button' value='删除' onclick='removeUser(this)' /></td></tr></table>"; var newhtml = document.getElementById('userTable').innerHTML+html1; document.getElementById('userTable').innerHTML = newhtml; } function removeUser(obj){ var removeLine = obj.parentNode.parentNode; removeLine.parentNode.removeChild(removeLine); } </script> </body></html>
阅读全文
0 0
- 11.14课后作业-完成table.html中删除行、添加行的功能。
- 11.15作业-完成table.html中按钮全选、全不选、反选的功能。
- Jquery html<table>数据行的添加和删除
- js操作html的table,包括添加行,添加列,删除行,删除列
- js操作html的table,包括添加行,添加列,删除行,删除列
- HTML TABLE批量添加行与删除行
- 【转】js操作html的table,包括添加行,添加列,删除行,删除列,合并单元格(未实现)
- 实现Table行的添加、删除(JavsScript )
- bootstrap-table实现两个表格之间数据的传递,表格添加行删除行功能
- html中js添加删除行
- JS添加,删除Table行
- 在昨天作业的基础上添加 :删除按钮,修改并保存按钮 和 添加按钮。完成这些按钮所对应的功能(XmlDocument)。
- HTML中table动态添加行或列
- javascript完成表格的添加和删除功能
- js操作html的table,包括添加行,添加列,删除行,删除列,合并单元格(未实现,可参考代码)
- js控制html中table行的增加和删除 (转)
- jquery操作html文档(table添加行,IE 中遇到的bug问题)
- 一个简单的table行的添加删除
- 有关IO流的部分整理
- 9行代码让你App内的Fragment对重叠说再见
- JavaScript---数据类型
- 数学题
- Elastic Job Cloud 使用篇(1)
- 11.14课后作业-完成table.html中删除行、添加行的功能。
- 哈佛结构和冯·诺依曼结构的区别
- 通过RestClient访问restAPI接口
- RBAC权限管理
- 利用javac创建登录页面
- 27-多线程(线程间通信-多生产者多消费者问题解决) 28-多线程(线程间通信-多生产者多消费者问题-JDK1.5新特性-Lock)1 2
- 移动Web开发基础-rem布局
- OpenCV-简单数字识别OCR
- php类继承设计商品类手机类图书类