1、inserRow()和insertCell()函數
insertRow()函數可以帶參數,形式如下:
insertRow(index):index從0開始
這個函數將新行加入index的那一行前,例如insertRow(0),是將新行加入第一行之前。預設的insertRow()函數相當於insertRow(-1),將新行加入表的最後。一般我們在使用的時候都是:objTable.insertRow(objTable.rows.length).就是為表格objTable在最後新增一行。
insertCell()和insertRow的用法相同,這裡就不再說了。
2、deleteRow()和deleteCell()方法
deleteRow()函數可以帶參數,形式如下:deleteRow(index):index從0開始
和上面兩個方法差不多的意思,就是刪除指定位置的行和儲存格。要傳入的參數:Index是行在表格中的位置,可以下面的方法取得然後去刪除:
在使用過程中我碰到的一個問題跟大家說一下,就是刪除表格的行的時候,如果你刪除了某一行,那麼表格行數是馬上就變化的,所以如果你要刪除表格的所有行,下面的程式碼是錯誤的:
說明:這個方法幾乎所有的DOM物件都可以使用,第一個參數是屬性的名稱,比如說:border,第二個就是你要為border設定的值了,例如:1
複製程式碼
B、直接賦值
這個方法也全部適用,呵呵。
4、建立表格
了解了行
第一步:你需要有一個你去動態變化的表格,我這裡講的是已經存在頁面的表格,我們要設定一個id:myTable
第二步:建立行與列的物件
var newCellCartonNo = nextRow.insertCell();
var cartonNoName = "IptCartonNo";
newCellCartonNo.innerHTML = " CartonNo";
newCellCartonNo.innerHTML = " CartonNo";
newCellCartonNo.innerHTML = " ";
newCellCartonNo.setAttribute("className","tablerdd");
這樣就搞定了,可以簡單的建立一個行和列了。具體的程式碼我貼在下面。只是很簡單的例子,不過方法大概是上面的了,呵呵,慢慢摸索吧~
代碼如下: