js如何操作表格

最新推荐文章于 2022-05-05 23:14:28 发布

codeFH

最新推荐文章于 2022-05-05 23:14:28 发布

阅读量2.2k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/codeFH/article/details/104011674

版权

本文详细介绍了JavaScript如何操作HTML表格，包括Table对象的属性和方法，如cells[], rows[], createCaption()等，以及TableRow和TableCell对象的方法和属性，如deleteCell(), insertCell(), cellIndex, colSpan等，是JavaScript表格操作的实用指南。" 138361510,7337247,智能导购的未来：深度学习与AI的融合应用,"['人工智能', '深度学习', '大数据', '物联网', '云计算']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js如何操作表格（常用属性方法汇总）

1.1 Table 对象集合
cells[] 返回包含表格中所有单元格的一个数组。
语法：tableObject.cells[]

rows[] 返回包含表格中所有行的一个数组。
rows 集合返回表格中所有行的一个数组。该集合包括 thead、tfoot 和 tbody 中定义的所有行。

tBodies[] 返回包含表格中所有 tbody 的一个数组。
注：不常用

1.2 Table 对象方法
createCaption() 为表格创建一个 caption 元素。
createTFoot() 在表格中创建一个空的 tFoot 元素。
createTHead() 在表格中创建一个空的 tHead 元素。
deleteCaption() 从表格删除 caption 元素以及其内容。
deleteRow() 从表格删除一行。
deleteTFoot() 从表格删除 tFoot 元素及其内容。
deleteTHead() 从表格删除 tHead 元素及其内容。
insertRow() 在表格中插入一个新行。
1.3 Table 对象常用属性
frame 设置或返回表格的外部边框。
rules 设置或返回表格的内部边框（行线）。
caption 对表格的 caption 元素的引用。
cellPadding 设置或返回单元格内容和单元格边框之间的空白量。
cellSpacing 设置或返回在表格中的单元格之间的空白量。
summary 设置或返回对表格的描述（概述）。
tFoot/tHead 返回表格的 TFoot /tHead对象。如果不存在该元素，则为 null。
border/width/id…
1.4 TableRow 对象
TableRow 对象方法
deleteCell() 删除行中的指定的单元格
语法：tablerowObject.deleteCell(index)

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

返回值：一个 TableCell 对象，表示新创建并被插入的元素。

TableRow 对象属性
vAlign 设置或返回在行中的数据的垂直排列方式。
语法：tablerowObject.vAlign=top|bottom|middle|baseline

rowIndex 返回该行在表中的位置。
语法：tablerowObject.rowIndex

其他：align/innerHTML/id…

1.5 TableCell 对象
TableCell 对象属性
abbr 设置或返回单元格中内容的缩写版本。
axis 设置或返回相关单元格的一个逗号分隔的列表。
cellIndex 返回单元格在某行的单元格集合中的位置。
colSpan 单元格横跨的列数。
rowSpan 设置或返回单元格可横跨的行数。
vAlign/width/id/align…