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......

 


我的旨在学过的东西不再忘记（主要使用艾宾浩斯遗忘曲线算法及其它智能学习复习算法）的偏公益性质的完全免费的编程视频学习网站： ​​fanrenyi.com​​；有各种前端、后端、算法、大数据、人工智能等课程。

​​版权申明：欢迎转载，但请注明出处​​

一些博文中有一些参考内容因时间久远找不到来源了没有注明，如果侵权请联系我删除。​