`

javascript的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() 在表格行中插入新单元格
 
分享到:
评论

相关推荐

    HTML和JavaScript语法一览

    6. **对象**:JavaScript对象由键值对组成,如`var person = {name: "John", age: 30};`。对象可以继承其他对象的属性和方法。 7. **事件处理**:通过`addEventListener`或`on`属性绑定事件处理函数,如`document....

    CSS&JavaScript&HTML语法一览表(PDF)

    9. **表格**:`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头)和`&lt;td&gt;`(数据单元格)用于创建表格。 **CSS(Cascading Style Sheets)** CSS负责定义HTML元素的外观和布局。 1. **选择器和声明**:选择器(如`p`或`....

    ec属性 ec:table ec:column

    #### 属性一览 1. **tableId** - **描述**:设置列表的唯一标识,默认值为“ec”。若页面内存在多个ECSIDE列表,则需为每个列表指定不同的`tableId`,以确保其唯一性。 - **应用场景**:多表格并存的情况下,用于...

    HTML语法一览解密.pdf

    - **`&lt;script&gt;`**:用于定义JavaScript代码或链接外部JS文件。 #### 四、元信息标记 `&lt;meta&gt;` `&lt;meta&gt;` 标签用于定义文档的元数据,如: - **`HTTP-EQUIV`**:用于模拟HTTP响应头,如设置缓存策略。 - **`NAME`**:...

    HTML语言剖析之HTML标记一览

    ### HTML语言剖析之HTML标记一览 #### 概述 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它通过一系列预定义的元素来描述文档的结构与语义,这些元素即为HTML标记。本篇文章将对常用的...

    2022年HTML语言剖析(二)HTML标记一览CSSHTML教程.docx

    表格由`&lt;TABLE&gt;`、`&lt;CAPTION&gt;`、`&lt;TR&gt;`、`&lt;TD&gt;`和`&lt;TH&gt;`等标记构建,其中`&lt;TH&gt;`通常用于表头。 表单元素是网页交互的关键,`&lt;FORM&gt;`定义表单,`&lt;TEXTAREA&gt;`创建多行文本输入框,`&lt;INPUT&gt;`根据type属性定义不同类型...

    HTML 标记一览.doc

    - `&lt;table&gt;`:创建表格。 - `&lt;caption&gt;`:添加表格标题。 - `&lt;tr&gt;`:定义表格行。 - `&lt;td&gt;`:定义表格单元格。 - `&lt;th&gt;`:定义表格表头单元格,文字通常加粗。 6. **表单标记**: - `&lt;form&gt;`:创建表单。 - ...

    前端项目-tabulator.zip

    《Tabulator:交互式表格生成JavaScript库的深度解析》 在现代Web开发中,前端界面的数据展示是一项重要的任务,尤其当数据量大、结构复杂时,如何高效地组织和呈现这些信息,使得用户能够轻松理解和操作,就显得尤...

    json转换为SQL server建表脚本

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于Web服务和应用程序之间的数据传输,因为它易于阅读和编写,同时也易于机器解析和生成。SQL Server是一个强大的关系型数据库管理系统,广泛...

    jsp探针 ver0.1

    jsp探针ceshi.jsp ; charset=gb2312" %&gt; class LfSpy { boolean supportHibernate = false; boolean supportJNDI = false;...boolean supportJavaxSql = false;...private final String linuxParseMacAddress(String ...

    网上图书销售数据库+ASP

    '-------------------------------------------------------------------- ' Microsoft ADO ' ...' ' ' ' ADO constants include file for VBScript ' '------------------------------------------------------------...

    Eclipse_Swt_Jface_核心应用_部分19

    3.1 Eclipse界面一览 22 3.2 Eclipse项目的文件结构 23 3.2.1 设置编译后.class文件的保存目录 23 3.2.2 导入项目使用的包 25 3.2.3 设置编译方式 26 3.2.4 运行程序 27 3.3 常用的代码编辑功能 28 ...

    HTML语言学习教程——HTML语言剖析[参照].pdf

    `&lt;head&gt;`则包含元信息,如文档标题`&lt;title&gt;`,CSS样式表引用`&lt;link&gt;`,以及JavaScript脚本引用`&lt;script&gt;`等。 4. **排版标记** 排版标记包括`&lt;div&gt;`和`&lt;span&gt;`,它们用于组织和控制页面布局。`&lt;div&gt;`常用于创建大...

Global site tag (gtag.js) - Google Analytics