DOM TableData 对象

本文介绍如何使用DOM操作来实现HTML表格的各种功能,包括添加单元格、对齐单元格内容等,并详细列举了TableData对象的属性、方法及事件。
DOM Table 对象 DOM TableHeader 对象

Add cells to a table row
为表格行增加单元格

Align the cell content in a table row
对表格行里单元格的内容进行对齐

Vertical align the cell content in a table row
表格行单元格内容的垂直对齐

Align the cell content in a single cell
仅为一个单元格内容进行对齐

Vertical align the cell content in a single cell
仅为一个单元格内容进行垂直对齐

Change the content of a table cell
改变表格单元格的内容

Change the colspan of a table row
改变表格行的colspan属性值


TableData 对象

The TableData object represents an HTML table data element. For each instance of an HTML <td> tag in a document, a TableData object is created.
TableDate对象代表了HTML表格的data元素。每当文档中出现<yd>标签,就有TableData对象被建立起来

IE: Internet Explorer, F: Firefox, N: Netscape, W3C: World Wide Web Consortium (Internet Standard).

TableData 对象属性

Property
属性
Description
描述
IE FNW3C
abbrSets or returns an abbreviated text for the table cell (for non-visual media such as speech or Braille)
设置或返回表格单元格的缩写文字(针对那些非视觉化的媒介)
6  Yes
accessKeySets or returns the keyboard key to access the table cell
设置或返回表格单元的快速访问键
4  No
alignSets or returns the horizontal alignment of data within the table cell
设置或返回在表格单元内数据的水平对齐方式
4  Yes
axisSets or returns a comma-delimited list of related table cells (categories)6  Yes
backgroundSets or returns the background image for the table cell
为表格单元设置或返回它的背景图片
4  No
bgColorSets or returns the background color for the table cell
为表格单元设置或返回它的背景颜色
4  Yes
borderColorSets or returns the border color of the table cell
设置或返回表格单元的边框颜色
4  No
cellIndexReturns the position of the cell in the cells collection of a row
返回在行中单元集合中单元的位置
4  Yes
chSets or returns the alignment character for the table cell
设置或返回表格单元的对齐特征
6  Yes
chOffSets or returns the offset of alignment character for the table cell6  Yes
colSpanSets or returns the number of columns the table cell should span4  Yes
disabledSets or returns whether or not the table cell should be disabled5  No
headersSets or returns a list of space-separated header cell ids6  Yes
heightSets or returns the height of the table cell4  No
idSets or returns the id of the table cell (In IE 4 this property is read-only)4  No
innerHTMLSets or returns the HTML between the start and end tags of the table cell4  No
innerTextSets or returns the text between the start and end tags of the table cell4  No
noWrapSets or returns a Boolean value indicating whether or not the browser automatically performs word wrap in the table cell4  Yes
outerHTMLSets or returns the table data object and its content in HTML4  No
outerTextSets or returns the text of the table data object4  No
rowSpanSets or returns the number of rows the table cell should span4  Yes
scope 6  Yes
tabIndexSets or returns the tab order for the table cell4  No
vAlignSets or returns how cell content are vertically aligned4  Yes
widthSets or returns the width of the table cell4  Yes

TableData 对象方法

Method
方法
Description
描述
IEFNW3C
blur()Removes focus from the table cell
取消表格单元的焦点
4  No
click()Simulates a mouse-click on the table cell
模仿鼠标对表格单元的点击
4  No
focus()Sets focus on the table cell
为表格单元设置焦点
4  No

TableData 对象事件

Syntax: object.event_name="someJavaScriptCode"
语法:对象.事件名称=“一些JS代码”

Event
事件
Description
描述
IEFNW3C
onBlurExecutes some code when the table cell loses focus
当表格单元失去焦点的时候执行一些代码
4   
onClickExecutes some code when the user clicks on the table cell
当用户点击表格单元的时候执行一些代码
4   
onFocusExecutes some code when the table cell gets focus
当表格单元得到检点的时候执行一些代码
4   
onSelectStartExecutes some code when the table cell is selected
当表格单元被选中的时候执行一些代码
4   
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值