HTML中的table标签及其⼦元素标签,JS中DOM对table的操
作
<table>标签是HTML中最常⽤的标签之⼀了。⽆论⽹页中元素的定位,还是数据的格式化显⽰都少不了它。尽管<table>不是定位标签,在CSS出现之前,<table>在⽹页定位中起到⾮常重要的作⽤,CSS出现之
后,<table>仍然被⼤量⽤来进⾏⽹页布局。
Table对象集合:
返回包含表格中所有单元格的⼀个数组。
返回包含表格中所有⾏的⼀个数组。
tBodies[]返回包含表格中所有 tbody 的⼀个数组。
x表⽰⼀个表格对象,也可以是⼀个表格的ID
Table 对象属性
属性描述
align表在⽂档中的⽔平对齐⽅式。(已废弃)
bgColor表的背景颜⾊。(已废弃)
设置或返回表格边框的宽度。
对表格的 <caption> 元素的引⽤。
设置或返回单元格内容和单元格边框之间的空⽩量。
设置或返回在表格中的单元格之间的空⽩量。
设置或返回表格的外部边框。
设置或返回表格的 id。
设置或返回表格的内部边框(⾏线)。
设置或返回对表格的描述(概述)。
tFoot返回表格的 TFoot 对象。如果不存在该元素,则为 null。
html网页设计 table tHead返回表格的 THead 对象。如果不存在该元素,则为 null。
设置或返回表格的宽度。
标准属性
属性描述
设置或返回元素的 class 属性。
设置或返回⽂本的⽅向。
设置或返回元素的语⾔代码。
设置或返回元素的 title 属性。
Table 对象⽅法
⽅法描述
为表格创建⼀个 caption 元素。
在表格中创建⼀个空的 tFoot 元素。
在表格中创建⼀个空的 tHead 元素。
从表格删除 caption 元素以及其内容。
从表格删除⼀⾏。
从表格删除 tFoot 元素及其内容。
从表格删除 tHead 元素及其内容。
在表格中插⼊⼀个新⾏。
注意:insertCell是tableRow对象的⽅法,innerHTML是TableCell对象和TableRow对象的⽅法,⼆者有
所区别。除此之外,还有⼀个⽅法innerText,此⽅法只适⽤于IE浏览器,不推荐使⽤。如果对同⼀对象使⽤了innerHTML和innerText,后者会把前者覆盖掉。
TableCell 对象属性
属性描述
设置或返回单元格中内容的缩写版本。
设置或返回单元格内部数据的⽔平排列⽅式。
设置或返回相关单元格的⼀个逗号分隔的列表。
返回单元格在某⾏的单元格集合中的位置。
ch设置或返回单元格的对齐字符。
chOff设置或返回单元格的对齐字符的偏移量。
单元格横跨的列数。
headers设置或返回 header-cell 的 id 值。
设置或返回单元格的 id。
设置或返回单元格的开始标签和结束标签之间的 HTML。
设置或返回单元格可横跨的⾏数。
scope设置或返回此单元格是否可提供标签信息。
设置或返回表格单元格内数据的垂直排列⽅式。
设置或返回单元格的宽度。
标准属性
属性描述
设置或返回元素的 class 属性。
设置或返回⽂本的⽅向。
设置或返回元素的语⾔代码。
设置或返回元素的 title 属性。
TableHeader 对象属性
属性描述
abbr设置或返回 abbr 属性值。
align HTML5 中不⽀持。请使⽤ Align 代替。设置或返回数据单元中内容的⽔平对齐⽅式。
axis HTML5 中不⽀持。
设置或返回相关联数据单元的以逗号分隔列表。
background HTML5 中不⽀持。请使⽤ style.background 代替。设置或返回数据单元的背景图像。
bgColor HTML5 中不⽀持。请使⽤ style.backgroundColor 代替。设置或返回表格的背景⾊。
cellIndex返回表格⾏ cells 集合中单元的位置。
ch HTML5 中不⽀持。
设置或返回数据单元的对齐字符。
chOff HTML5 中不⽀持。
设置或返回 ch 属性的⽔平偏移。
colSpan设置或返回 colspan 属性值。headers设置或返回 headers 属性值。
height HTML5 中不⽀持。请使⽤ style.height 代替。设置或返回数据单元的⾼度。
noWrap HTML5 中不⽀持。请使⽤ style.whiteSpace 代替。设置或返回单元内的内容是否能够折⾏。
rowSpan设置或返回 rowspan 属性值。
vAlign HTML5 中不⽀持。请使⽤ style.verticalAlign 代替。设置或返回单元内容的垂直对齐⽅式。
width HTML5 中不⽀持。请使⽤ style.width 代替。设置或返回数据单元的宽度。
TableRow 对象集合
集合描述
cells[]返回包含⾏中所有单元格的⼀个数组。
TableRow 对象属性
属性描述
设置或返回在⾏中数据的⽔平排列。
ch设置或返回在⾏中单元格的对齐字符。
chOff设置或返回在⾏中单元格的对齐字符的偏移量。
设置或返回⾏的 id。
设置或返回⾏的开始标签和结束标签之间的 HTML。
返回该⾏在表中的位置。
sectionRowIndex返回在 tBody 、tHead 或 tFoot 中,⾏的位置。
设置或返回在⾏中的数据的垂直排列⽅式。
TableRow 对象⽅法
⽅法描述
删除⾏中的指定的单元格。
在⼀⾏中的指定位置插⼊⼀个空的 <td> 元素。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论