Day6 练习制作学生信息表案例 核心思路： 1、声明一个空数组 2、点击录入，填写的相关数据添加到一个新的对象中，并将该对象追加到数组里，并重置填写框里面的内容 3、根据数组数据渲染页面-表格的行 4、点击删除操作，删除的是对应数组里面的数据 5、再次根据数组的数据，渲染页面 补充： 点击录入时，若判断填写框内存在空时，出现提示 详细说明： 点击录入模块时，需要实现的几点步骤 1、取消表单默认提交事件 2、创建一个用于获取表单所填写内容的数据的新对象 3、将该对象追加给数组 4、渲染数据————通过遍历数组，动态生成tr，并将数组内容填写到对应的td数据 5、重置表单里所填写的内容 如何实现删除？ 那就需要去删除对应数组里面的数据，再进行重新渲染 但是，怎么样才能找到你要删除的数据呢？ 在删除数据的时候，动态给a链接添加相应的自定义属性 点击删除模块时，需要实现的几点步骤 1、采用事件委托形式，给tbody注册点击事件 2、判断事件对象.target.tagName是否等于a，数组执行删除操作 3、重新渲染。调用渲染函数 点击录入，验证表单 1、获取所有需要填写的表单，他们共同的特点都是input标签 2、遍历获取到的伪数组，若存在一个值为空，则return返回提示输入 成果：