js如何操作表格（常用屬性方法匯總）

1.1 Table 對象集合
cells[] 返回包含表格中所有單元格的一個(gè)數(shù)組。
語法：tableObject.cells[]

rows[] 返回包含表格中所有行的一個(gè)數(shù)組。
rows 集合返回表格中所有行的一個(gè)數(shù)組。該集合包括 thead、tfoot 和 tbody 中定義的所有行。

tBodies[] 返回包含表格中所有 tbody 的一個(gè)數(shù)組。
注：不常用

1.2 Table 對象方法
createCaption() 為表格創(chuàng)建一個(gè) caption 元素。
createTFoot() 在表格中創(chuàng)建一個(gè)空的 tFoot 元素。
createTHead() 在表格中創(chuàng)建一個(gè)空的 tHead 元素。
deleteCaption() 從表格刪除 caption 元素以及其內(nèi)容。
deleteRow() 從表格刪除一行。
deleteTFoot() 從表格刪除 tFoot 元素及其內(nèi)容。
deleteTHead() 從表格刪除 tHead 元素及其內(nèi)容。
insertRow() 在表格中插入一個(gè)新行。
1.3 Table 對象常用屬性
frame 設(shè)置或返回表格的外部邊框。
rules 設(shè)置或返回表格的內(nèi)部邊框（行線）。
caption 對表格的 caption 元素的引用。
cellPadding 設(shè)置或返回單元格內(nèi)容和單元格邊框之間的空白量。
cellSpacing 設(shè)置或返回在表格中的單元格之間的空白量。
summary 設(shè)置或返回對表格的描述（概述）。
tFoot/tHead 返回表格的 TFoot /tHead對象。如果不存在該元素，則為 null。
border/width/id…
1.4 TableRow 對象
TableRow 對象方法
deleteCell() 刪除行中的指定的單元格
語法：tablerowObject.deleteCell(index)

insertCell() 在一行中的指定位置插入一個(gè)空的 td 元素。
tablerowObject.insertCell(index)

返回值：一個(gè) TableCell 對象，表示新創(chuàng)建并被插入的元素。

TableRow 對象屬性
vAlign 設(shè)置或返回在行中的數(shù)據(jù)的垂直排列方式。
語法：tablerowObject.vAlign=top|bottom|middle|baseline

rowIndex 返回該行在表中的位置。
語法：tablerowObject.rowIndex

其他：align/innerHTML/id…

1.5 TableCell 對象
TableCell 對象屬性
abbr 設(shè)置或返回單元格中內(nèi)容的縮寫版本。
axis 設(shè)置或返回相關(guān)單元格的一個(gè)逗號(hào)分隔的列表。
cellIndex 返回單元格在某行的單元格集合中的位置。
colSpan 單元格橫跨的列數(shù)。
rowSpan 設(shè)置或返回單元格可橫跨的行數(shù)。
vAlign/width/id/align…

總結(jié)

以上是生活随笔為你收集整理的js如何操作表格的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。