(1) 首先建立好乙個table,在table裡嵌入tr,th,td等行以及列元素;**如下:
姓名
性別**
工資 張三
男178784546
30000
李四男1255664535
5000
我這裡引用了bootstrap外掛程式裡的table樣式,所以才有table,和tableborder類
(2) 其次就是寫js**,我是用jquery方法寫的,因為jquery簡略了**的書寫,所以這種寫法需要引入jquery外掛程式。js的**如下:
//td 的雙擊事件雙擊進入編輯狀態
$("td").dblclick(function () else
})})
這種方法**量少而且比較簡單,下面看看效果吧!雙擊td單元格就可以在input內寫入內容,然後當滑鼠焦點離開input時就可以把你編輯的值重新賦值到td中了,如果你雙擊後沒有輸入值,它會返回空文字,就像下圖:
獲取table的行,響應onclick事件
jquery方式 table tr click table find tr click table find tr length table tr length 原生js document.getelementbyid table getelementsbytagname tr length 注意要...
事件物件及table選項卡
var a 20 相當於 window.a 20 alert this 指向window alert this a 輸出20,指向 window.afunction text text text 相當於 window.text var obj1 newtext var obj2 newtext va...
JS動態建立TABLE雙擊可編輯狀態
參考 var existtr document.getelementbyid newtr row var existtd0 null existtd0.ndblclick function 當使用者雙擊單元格的時候,單元格內顯示textbox,value為原來單元格中的值 如果使用者再次雙擊單元格的...