`

JavaScript的Table表格对象

    博客分类:
  • js
阅读更多
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实现表格排序

    - 日期排序通常需要将日期字符串转换为JavaScript Date对象,然后比较日期对象。例如,`new Date(dateStr1) - new Date(dateStr2)`可以返回两个日期的差值,用于排序。 - 对于汉字排序,JavaScript的默认排序可能...

    boostrapTable表格树

    要创建一个BootstrapTable表格树,首先你需要在HTML文件中引入必要的CSS和JavaScript库,包括Bootstrap的核心样式和BootstrapTable的脚本。这些文件通常可以从官方网站上获取,或者直接在项目中使用压缩包中的文件。...

    非常实用的JAVASCRIPT修改表格信息,然后更新数据库汇总

    在JavaScript编程中,修改表格(Table)信息并更新数据库是一个常见的需求,特别是在Web应用程序中,用户可能需要编辑数据显示,然后将这些更改同步到后端存储。这个“非常实用的JAVASCRIPT修改表格信息,然后更新...

    javascript动态添加表格数据行

    `addRow()`函数接收四个参数:目标表格对象、列数、源行位置和目标添加位置。函数首先在指定位置插入新行,然后复制源行中的单元格(TD)到新行。这里使用了`getElementsByTagName()`方法来获取表格行和单元格的集合...

    bootstrapTable编辑表格例子.zip

    接下来,我们需要引入BootstrapTable的JavaScript和CSS文件,并通过JavaScript代码初始化表格,设置各种选项和事件监听器: ```html &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.19.1/dist/...

    动态添加Table表格

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

    javascript表格排序案例(面向对象)案例资料

    1. **对象属性**:`Table`对象可能包含`data`属性,存储表格的数据数组,每个元素代表一行数据,可以是包含列名和对应值的对象。例如: ```javascript let table = { data: [ { column1: 'value1', column2: '...

    javascript经典表格操作

    1. **创建表格**:在HTML中,`&lt;table&gt;`元素是用于创建表格的基础,通过`&lt;tr&gt;`(表格行)、`&lt;td&gt;`(表格数据单元)和`&lt;th&gt;`(表头单元)来构建具体的结构。JavaScript可以用于动态生成或修改这些元素,使表格更具动态...

    javascript表格操作

    这些函数通常会操作DOM(Document Object Model),即文档对象模型,通过查找特定的表格元素(如`document.all.t`),然后在其内部插入新的`&lt;tr&gt;`或`&lt;td&gt;`元素。 ### 删除行与单元格 与创建新元素相对应,删除表格...

    页面html Table表格导出Execl

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

    【JavaScript源代码】纯JS将table表格导出到excel的方法.docx

    在JavaScript中,将HTML表格导出到Excel是常见的需求,特别是...以上就是纯JavaScript将table表格导出到Excel的基本原理和方法,实际应用中可能需要根据具体需求进行调整,例如添加样式支持、错误处理、兼容性优化等。

    table表格导出到excel

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

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

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

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

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

    table表格导出为excel

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

    简单的JavaScript table

    JavaScript可以访问并操作DOM(文档对象模型),实现对表格元素的操作。 1. **创建表格元素**:JavaScript中,可以使用`document.createElement()`方法创建新的HTML元素,如`&lt;tr&gt;`或`&lt;td&gt;`。例如,创建一个新的表格...

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

    综上所述,"前台js将table转为Excel表格下载.rar"中的实现涉及到前端JavaScript技术,包括DOM操作、CSV格式转换、Blob对象以及创建下载链接等步骤,这些知识点对于开发具有数据导出功能的Web应用至关重要。

    JavaScript如何动态创建table表格

    本文将详细介绍两种JavaScript动态创建table表格的方法。 方法一:最原始的方法,通过`createElement()`函数逐个创建元素。这种方法需要手动构建表格的结构,包括`&lt;table&gt;`、`&lt;tbody&gt;`、`&lt;tr&gt;`和`&lt;td&gt;`等元素。例如...

    javascript 将table数据导出到excel中(支持表格线的导出)

    在JavaScript中将HTML表格数据导出到Excel是常见的需求,特别是在网页交互中处理大量数据时。这个过程涉及到几个关键步骤,包括数据获取、格式转换以及文件下载触发。在这个实例中,我们将探讨如何实现这一功能,...

Global site tag (gtag.js) - Google Analytics