`
shuaisweet
  • 浏览: 28394 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

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() 在表格行中插入新单元格

文章出处:DIY部落(http://www.diybl.com/course/1_web/javascript/jsjs/20071226/94570.html)
分享到:
评论

相关推荐

    JavaScript Table行定位效果

    还要注意的是id属性也会被克隆,也就是克隆后会有两个相同id的元素(如果克隆对象有设置的话),这很容易会导致其他问题,程序会把克隆table的id属性设空。 ps:table请用class来绑定样式,用id的话新table就获取不...

    JavaScript多行文本一行显示,点击可显示单元格全部内容的Table

    【引子】在开发的过程中,表格Table有个缺陷,如果一行中某个单元格的超过一行,表格就不够美观了。下面的代码解决了这个问题:当表格被载入的时候,TD的宽度是原定... table:既可以是表格的ID属性,也可以是表格对象;

    javascript实现Table排序的方法

    主要介绍了javascript实现Table排序的方法,涉及javascript针对表格对象的获取与排序相关技巧,需要的朋友可以参考下

    原创-javascript服务器交互型可编辑表格和我的js常用库

    * 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs = function() { // 判断浏览器类型 userAgent = navigator....

    JavaScript DOM操作表格及样式

    一 操作表格 &lt;table&gt;标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTMLDOM来操作它; // 使用DOM来创建表格; var table = document.createElement('table'); table.border = 1; table.width ...

    程序天下:JavaScript实例自学手册

    9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...

    htmltable:在浏览器中将对象的流转换为 HTML 表格

    htmltable 在将对象流转换为 HTML 表格时,您会遇到一个问题,即您需要在开始时知道所有的键。 然而,这意味着在渲染之前将所有数据加载到内存中。 该模块是为浏览器编写的,将在流式传输数据时使用 javascript 更新...

    Js表格点击列排序,选择行,Blue Table代码.rar

    Blue Table,Js表格排序插件,排序完成之后需要执行的函数 可以收到一个对象作为参数,前一次排序的对象排序列坐标和当前被排序列坐标。

    《程序天下:JavaScript实例自学手册》光盘源码

    9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果(一) 9.38 类C# GridView的编辑效果(二) 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...

    JavaScript表格排序,点击表头即可排序

    内容索引:脚本资源,Ajax/JavaScript,表格排序,表头 JavaScript表格排序,点击表头即可排序,此脚本支持中文汉字排序、中英文混合排序、数据大小排序、文件名称类型排序、日期排序、价格排序、中文和数字排序;...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript的面向对象特性。 4.1.html 对象的创建。 4.2.html 作为关联数组的对象与数组对象实现方式比较。 4.3.html prototype的用法。 4.4.html prototype实现继承机制。 4.5....

    基于JavaScript实现表格隔行换色

    table对象 集合 cells[]:返回包含表格中所有单元格的一个数组。 rows[]:返回包含表格中所有行的一个数组。 tBodies[]:返回包含表格中所有tbody 的一个数组。 步骤分析 确定事件: 文档加载完成 onload 2. 事件要...

    JavaScript王者归来part.1 总数2

     7.5 JavaScript的内置对象   7.5.1 Math对象   7.5.2 Date对象--创建一个简单的日历   7.5.3 Error对象   7.5.4 其他内置对象   7.5.5 特殊的对象--全局对象与调用对象   7.6 总结   第8章 集合  ...

    javascript服务器交互型可编辑表格和js常用库

    自己常用的js库和写的一个交互型可编辑表格: new BaseJs.EditTable({ // 表对象 table : BaseJs.$("tab"), // 从第几行第几列开始可编辑 start : [2, 1], // 到哪一行哪一列结束编辑 不写默认所有,写一个...

    Javascript TreeTable Tree 树

    看网上有几种tree table的实现,都是先把表格或数据填好,然后再对表格进行处理,但是很少有需求是这样,实际应用中,数据可能就是JSON对象,这个JSON对象有自己的结构。用户需要把这个JSON用TreeTable的形式展现...

    javascript一些实用技巧小结

    JS对象之Table表格对象(摘抄) Table对象集合 Table对象:表示HTML文档中的表,对于文档中每个&lt;table&gt;标记,浏览器都创建一个Table对象. 集合 描述 cells[] 获取包含表格中所有单元格的数组js 取行中列 代码...

    根据表格中的某一列进行排序的javascript代码

    代码如下: [removed] var b = ... //获取表格中的行对象 var arr = new Array(); for(var x=1;x&lt;trNodes.length;x++){ //临时容器存入的是表格中行对象的引用 arr[x-1] = trNodes[x]; } sort(arr); var tbdNode = ta

    JavaScript与DOM组合动态创建表格实例

    它使用DOM 1的方法由JavaScript动态创建一个HTML表格。它创建一个由四个包含文本内容的单元格组成的小表格。单元格的文字内容是:“单元格是第y行第x列”,表示单元格在表格中的行数和列数。 代码如下:&lt;ht

    javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)

    该方法创建一个新的 TableRow 对象,表示一个新的 &lt;tr&gt; 标记,并把它插入表中的指定位置。 新行将被插入 index 所在行之前。若 index 等于表中的行数,则新行将被附加到表的末尾。 如果表是空的,则新行将被插入到一...

Global site tag (gtag.js) - Google Analytics