`

Table表格对象

阅读更多
Table表格对象
  Table对象:表示HTML文档中的表,对于文档中每个<table>标记,浏览器都创建一个Table对象.
Table对象集合
集合 描述
cells[] 获取包含表格中所有单元格的数组
rows[] 获取包含表格中所有行的数组
tBodies[] 获取包含表格中所有tbody的数组
Table对象属性
border 设置或获取表格边框
caption 设置或获取表格标题
cellPadding 设置或获取每个单元格边框与内容的宽度
cellSpacing 设置或获取表格中单元格的间距
frame 设置或获取表格具有哪些边框
rules 设置或获取表格中的内部边框
summary 设置或获取表格的描述
tFoot 获取表格的tFoot对象
tHead 获取表格的tHead对象
width 设置或获取表格宽度
Table对象方法
createCaption() 为表格创建一个空的标题元素
createTFoot() 为表格创建一个空的tFoot元素
createTHead() 为表格创建一个空的tHead元素
deleteCaption() 删除表格的标题元素
deleteRow() 删除指定的表格行
deleteTFoot() 删除表格的tFoot元素
deleteTHead() 删除表格的tHead元素
insertRow() 向表格中插入新行

  TableCell对象:表示HTML文档中表的单元格,对于文档中每个<td>标记,浏览器都创建一个TableCell对象.
TableCell对象属性
属性 描述
abbr 设置或获取单元格的摘要
align 设置或获取单元格中文字的水平对齐方向
axis 设置或获取以逗号分隔的相关单元格组成的列表
cellIndex 获取行单元格集合中某单元格的位置
ch 设置或获取单元格的对齐特征
chOff 设置或获取单元格的对齐偏移特征
colSpan 设置或获取单元格跨越的表格列数
headers 设置或获取以空格分表头单元格的id列表
height 设置或获取单元格的高度
innerHTML 设置或获取单元格标记间的HTML文本
noWrap 设置或获取单元格是否自动换行
rowSpan 设置或获取单元格跨越的表格行数
scope 设置或获取与标题相关联的数据列
vAlign 设置或获取单元格文字的垂直对齐方向
width 设置或获取单元格的宽度

  TableRow对象:表示HTML文档中表的行,对于文档中每个<tr>标记,浏览器都创建一个TableRow对象.
Table对象集合
集合 描述
cells[] 获取表格行中所有列组成的数组
Table对象属性
accessKey 设置或获取该对象的快捷键
align 设置或获取表格行中单元格中文字的水平对齐方向
chOff 设置或获取单元格的对齐偏移特征
colSpan 设置或获取单元格跨越的表格列数
height 设置或获取表格行的高度
innerHTML 设置或获取表格行标记间的HTML文本
innerText 设置或获取表格行标记间的文本
rowIndex 获取表格行对象在表格行集合中的位置
sectionRowIndex 获取tBody,tHead或tFoot中,表格行对象在行集合中的位置
tabIndex 设置或获取表格行的Tab顺序索引
vAlign 设置或获取表格行中文字的垂直对齐方向
width 设置或获取表格行的宽度
Table对象方法
blur() 取消该对象的激活状态
click() 模拟鼠标单击该对象
deleteCell([i]) 删除表格行中的指定的单元格
focus() 将焦点移至表格行
insertCell() 在表格行中插入新单元格
分享到:
评论

相关推荐

    JavaScript的Table表格对象

    在JavaScript的世界里,Table表格对象是网页动态交互中不可或缺的一部分,尤其在处理用户数据展示和操作时。本文将深入探讨如何使用JavaScript来操作HTML中的表格元素,包括获取单元格、行的数据以及各种属性。 ...

    uni-app table表格

    1. **数据展示**:`table`组件可以用来展示二维数据,例如表格形式的数据,每一行代表一个对象,每一列代表对象的一个属性。 2. **行列配置**:你可以自定义表格的列数和行数,通过设置`columns`和`data`属性来决定...

    【ASP.NET编程知识】ASP.NET Table 表格控件的使用方法.docx

    本文将详细介绍 ASP.NET Table 表格控件的使用方法,包括 Table 对象的属性、TableRow 对象的属性、TableCell 对象的属性,以及如何使用 Table 控件生成表格。 一、Table 对象的属性 Table 对象是 ASP.NET 中的一...

    boostrapTable表格树

    在"boostrapTable表格树"这个主题中,我们将深入探讨如何使用BootstrapTable实现表格树结构,以及它在实际项目中的应用。 BootstrapTable表格树是一种特殊的表格展示方式,它将数据以层次结构的形式展现,通常用于...

    动态添加Table表格

    1. **创建表格对象**:在C#代码中,使用`new`关键字创建一个`HtmlTable`对象,这是ASP.NET中用于表示HTML表格的类。 ```csharp HtmlTable table = new HtmlTable(); ``` 2. **定义表格结构**:通过`new`关键字创建...

    bootstrapTable编辑表格例子.zip

    在这个"bootstrapTable编辑表格例子.zip"压缩包中,我们可以看到一个示例,演示了如何在BootstrapTable中实现动态修改表格内容和动态删除表格行的功能。 首先,我们需要了解BootstrapTable的基本结构。Bootstrap...

    页面html Table表格导出Execl

    "页面html Table表格导出Execl"这个主题涉及的技术点主要包括HTML表格的处理、JavaScript(或者jQuery)用于前端交互、以及可能涉及的后端处理和文件下载技术。下面我们将详细探讨这些知识点。 1. **HTML表格...

    jQuery实现响应式Table表格布局特效源码.rar_I1L_Table_YY7_响应式Table表格

    在这个主题中,"jQuery实现响应式Table表格布局特效源码" 提供了一个利用jQuery库来创建适应各种屏幕大小的表格布局的方法。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理以及动画效果。 1. **...

    网页表格组件 GWT Advanced Table_Table_

    3. **创建表格**:在Java代码中实例化`AdvancedTable`对象,设置表格的属性和功能。 4. **数据绑定**:将数据源与表格关联,可以使用GWT的`CellTable`或者`FlexTable`,并利用`DataProvider`进行数据绑定。 5. **...

    table表格导出到excel

    JavaScript是一种强大的客户端脚本语言,它可以操作DOM(文档对象模型)来读取HTML表格中的数据。通常,我们会遍历表格的所有单元格,收集数据并将其格式化为适合Excel的格式。例如,可以使用以下代码获取表格中的...

    前台js将table转为Excel表格下载

    本文将详细讲解如何使用JavaScript实现这一功能,主要基于提供的资源,特别是"前台js将table转为Excel表格下载"这个主题。 首先,我们要理解JavaScript(简称js)是一种在客户端运行的脚本语言,它可以与HTML和CSS...

    ASP.NET Table 表格控件的使用方法

    一个Table对象包含多个行TableRow,每一行又包含TableCell,TableCell中可以包含其他的HTML或者服务器控件作为Web服务器控件。 一、Table中的属性 Table对象: BackImageUrl 表格的背景图像的URL Caption ...

    AsposeWord导出word表格wordtable

    可以使用`TableRow`和`TableCell`对象来实现。例如,将表格数据保存到二维字符串数组: ```csharp var tableData = new string[table.Rows.Count][]; for (int i = 0; i &lt; table.Rows.Count; i++) { tableData...

    layui的表格table选中数据后更改本行的颜色

    它提供了丰富的组件,其中包括表格(table)组件,可以方便地实现数据展示、操作和交互。在实际应用中,我们经常需要根据用户的选择状态来改变表格的视觉效果,比如选中某行后改变其颜色,以突出显示。下面将详细...

    [MVC]bootstrap-table表格ajax获取json数据并分页

    Bootstrap Table是一个轻量级、强大的前端组件,它提供了一种美观的方式来展示和操作表格数据。在MVC模式中,我们将控制器用于处理请求,视图用于展示数据,而模型则封装了业务逻辑。 首先,我们需要在HTML视图中...

    table表格导出为excel

    通过以上介绍,我们可以看出,将table表格导出为excel是网页开发中的一个重要功能,它涉及前端和后端技术,以及对数据处理和用户体验的理解。在实际项目中,开发者需要根据具体需求和环境选择合适的工具和方法来实现...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    在本项目中,我们假设已经从后台数据库获取了JSON数据,这些数据可能包含一系列对象,每个对象都有对应表格列的属性。 接下来,我们利用jQuery来操作DOM元素,创建表格。首先,我们需要一个HTML结构,包含一个表格...

    jQuery UI拖拽到Table表格特效.zip

    在“jQuery UI拖拽到Table表格特效”中,我们可以将页面上的任意元素(如文本、图片或者自定义对象)拖动到表格的特定单元格内,实现动态添加数据或调整数据布局的效果。这个特效的核心在于jQuery UI的`draggable`和...

    C#源代码-使用StringBuilder来拼接HTML中的Table表格.zip

    本资源提供的"C#源代码-使用StringBuilder来拼接HTML中的Table表格"就是一个关于如何高效地构建HTML表格的示例。StringBuilder类在C#中用于字符串操作,特别是在需要频繁进行字符串拼接的情况下,它比使用"+"或...

    编辑表格对象

    在IT行业中,编辑表格对象是一项常见的任务,尤其在数据分析、数据可视化和软件开发等领域。这篇博文的标题“编辑表格对象”暗示了我们将探讨如何在不同的编程环境或工具中操作和修改表格数据。以下是对这个主题的...

Global site tag (gtag.js) - Google Analytics