从品牌网站建设到网络营销策划,从策略到执行的一站式服务
分析思考:
准备好后端的数组数据
1.先获取父元素tbody、表单元素 和录入按钮
2.封装函数render()渲染。
因为我们用的是追加渲染,所以函数要先清空tbody的tr内容。
然后根据数据的条数来渲染增加tr,使用for 循环。
创建tr,tr里放内容 tr.innerHTML = ``
把tr 追加给tbody。tbody.appendChild(tr)
页面加载调用函数。
3.获取录入按钮add
注册事件 click
每点一次录入,就把录入的信息用push方法追加到arr数组里,
然后调用render()函数
然后复原表单
4.删除操作. 用事件委托
给父级tbody注册事件click
给删除按钮a标签添加id号 id="${i}"
判断:如果e.target.tagName === 'A', 则删除这个id所在的数据arr.splice(e.target.id, 1)
删除后重新渲染调用函数 render()
代码:
Document 新增学员
姓名:年龄:性别:薪资:就业城市: 就业榜学号 姓名 年龄 性别 薪资 就业城市 操作
你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图