前端全套視頻HTML+CSS+JS+jQuery筆記(九)

3.19 js操作表格

表頭內容居中加粗顯示
在這裏插入圖片描述
在這裏插入圖片描述
刪除一行
在這裏插入圖片描述
在這裏插入圖片描述
刪除按鈕的父節點——td——父節點——找到了刪除行對應的行對象tr
注意這裏不能用div的removechild,應該用deleteRow(行元素的行索引屬性)

把表格某個框變成input框,重新編輯數據,失去焦點後保存值
在這裏插入圖片描述
先根據id定位到單元格,將原始的數據表示變爲input框,失去焦點時,通過this獲取到這個對象,再根據其value,實現失去焦點時值的更新。
bug:第一次點是一個數字,第二次點就變爲了一句input的代碼
修改:
在這裏插入圖片描述
不按照id進行修改
一般表不會刪除列或者添加列
所以通過this間接方法獲得行對象,通過行對象的ceil單元格的角標(不會變),得到需要變爲input框的對象
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
添加行,賦值以及獲取input框輸入的值
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章