前端全套视频HTML+CSS+JS+jQuery笔记（九）

3.19 js操作表格

表头内容居中加粗显示


删除一行


删除按钮的父节点——td——父节点——找到了删除行对应的行对象tr
注意这里不能用div的removechild，应该用deleteRow(行元素的行索引属性)

把表格某个框变成input框，重新编辑数据，失去焦点后保存值

先根据id定位到单元格，将原始的数据表示变为input框，失去焦点时，通过this获取到这个对象，再根据其value，实现失去焦点时值的更新。
bug：第一次点是一个数字，第二次点就变为了一句input的代码
修改：

不按照id进行修改
一般表不会删除列或者添加列
所以通过this间接方法获得行对象，通过行对象的ceil单元格的角标（不会变），得到需要变为input框的对象



添加行，赋值以及获取input框输入的值