9Table表和列表
来源:互联网 发布:java观察者模式应用 编辑:程序博客网 时间:2024/05/22 01:31
1操作Table
Table对象
Table表格对象 Table对象:表示HTML文档中的表,对于文档中每个<table>标记,浏览器都创建一个Table对象.
Table对象集合
cells[] 获取包含表格中所有单元格的数组
rows[] 获取包含表格中所有行的数组
tBodies[] 获取包含表格中所有tbody的数组
Table对象属性
border 设置或获取表格边框
caption 设置或获取表格标题
cellPadding 设置或获取每个单元格边框与内容的宽度
cellSpacing 设置或获取表格中单元格的间距
frame 设置或获取表格具有哪些边框
rules 设置或获取表格中的内部边框
summary 设置或获取表格的描述
tFoot 获取表格的tFoot对象
tHead 获取表格的tHead对象
width 设置或获取表格宽度
height 设置或返回表格的高度。
offsetWidth offsetHeight,取得对象(包括表格Table)的宽度和高度
Table对象方法
createCaption() 为表格创建一个空的标题元素
createTFoot() 为表格创建一个空的tFoot元素
createTHead() 为表格创建一个空的tHead元素
deleteCaption() 删除表格的标题元素
deleteRow() 删除指定的表格行
deleteTFoot() 删除表格的tFoot元素
deleteTHead() 删除表格的tHead元素
insertRow() 向表格中插入新行
Table 对象的事件
onBlur 当表格失去焦点的时候执行一些代码
onClick 当用户点击表格的时候执行一些代码
onFocus 当表格得到焦点的时候执行一些代码
onSelectStart 当表格被选中的时候执行一些代码
TableCell对象:表示HTML文档中表的单元格,对于文档中每个<td>标记,浏览器都创建一个TableCell对象.
TableCell对象属性:
abbr 设置或获取单元格的摘要
align 设置或获取单元格中文字的水平对齐方向
axis 设置或获取以逗号分隔的相关单元格组成的列表
cellIndex 获取行单元格集合中某单元格的位置
ch 设置或获取单元格的对齐特征
chOff 设置或获取单元格的对齐偏移特征
colSpan 设置或获取单元格跨越的表格列数
headers 设置或获取以空格分表头单元格的id列表
height 设置或获取单元格的高度
innerHTML 设置或获取单元格标记间的HTML文本
noWrap 设置或获取单元格是否自动换行
rowSpan 设置或获取单元格跨越的表格行数
scope 设置或获取与标题相关联的数据列
vAlign 设置或获取单元格文字的垂直对齐方向
width 设置或获取单元格的宽度
id 设置或返回单元格的 id。
offsetWidth offsetHeight,取得对象(包括单元格TableCell)的宽度和高度
TableCell对象的事件
onBlur 当表格失去焦点的时候执行一些代码
onClick 当用户点击表格的时候执行一些代码
onFocus 当表格得到焦点的时候执行一些代码
onSelectStart 当表格被选中的时候执行一些代码
TableRow对象:表示HTML文档中表的行,对于文档中每个<tr>标记,浏览器都创建一个TableRow对象.
TableRow对象集合
cells[] 获取表格行中所有列组成的数组
TableRow对象属性
accessKey 设置或获取该对象的快捷键
align 设置或获取表格行中单元格中文字的水平对齐方向
chOff 设置或获取单元格的对齐偏移特征
colSpan 设置或获取单元格跨越的表格列数
height 设置或获取表格行的高度
innerHTML 设置或获取表格行标记间的HTML文本
innerText 设置或获取表格行标记间的文本
rowIndex 获取表格行对象在表格行集合中的位置
sectionRowIndex 获取tBody,tHead或tFoot中,表格行对象在行集合中的位置
tabIndex 设置或获取表格行的Tab顺序索引
vAlign 设置或获取表格行中文字的垂直对齐方向
width 设置或获取表格行的宽度
id 设置或返回行的id。
ch 设置或返回在行中单元格的对齐字符。
TableRow对象方法
blur() 取消该对象的激活状态
click() 模拟鼠标单击该对象
deleteCell([i]) 删除表格行中的指定的单元格
focus() 将焦点移至表格行
insertCell() 在表格行中插入新单元格
TableRow 对象的事件
onBlur 当表格行失去焦点的时候执行一些代码
onClick 当用户点击了表格行的时候执行一些代码
onFocus 当表格行得到焦点的时候执行一些代码
onSelectStart 当表和行被选中的时候执行一些代码
例:
//inserRow(-1)表示在后面添加。
var newRow=document.getElementById("myTABLE").insertRow(-1);
var newCell=newRow.insertCell(0);
newCell.innerHTML="Mighty Widget 2000"
newCell=newRow.insertCell(1)
newCell.innerHTML="Release Date TBA"
http://www.abaonet.com/makeWeb/js/htmldom/dom_obj_tabledata.html
Table对象
Table表格对象 Table对象:表示HTML文档中的表,对于文档中每个<table>标记,浏览器都创建一个Table对象.
Table对象集合
cells[] 获取包含表格中所有单元格的数组
rows[] 获取包含表格中所有行的数组
tBodies[] 获取包含表格中所有tbody的数组
Table对象属性
border 设置或获取表格边框
caption 设置或获取表格标题
cellPadding 设置或获取每个单元格边框与内容的宽度
cellSpacing 设置或获取表格中单元格的间距
frame 设置或获取表格具有哪些边框
rules 设置或获取表格中的内部边框
summary 设置或获取表格的描述
tFoot 获取表格的tFoot对象
tHead 获取表格的tHead对象
width 设置或获取表格宽度
height 设置或返回表格的高度。
offsetWidth offsetHeight,取得对象(包括表格Table)的宽度和高度
Table对象方法
createCaption() 为表格创建一个空的标题元素
createTFoot() 为表格创建一个空的tFoot元素
createTHead() 为表格创建一个空的tHead元素
deleteCaption() 删除表格的标题元素
deleteRow() 删除指定的表格行
deleteTFoot() 删除表格的tFoot元素
deleteTHead() 删除表格的tHead元素
insertRow() 向表格中插入新行
Table 对象的事件
onBlur 当表格失去焦点的时候执行一些代码
onClick 当用户点击表格的时候执行一些代码
onFocus 当表格得到焦点的时候执行一些代码
onSelectStart 当表格被选中的时候执行一些代码
TableCell对象:表示HTML文档中表的单元格,对于文档中每个<td>标记,浏览器都创建一个TableCell对象.
TableCell对象属性:
abbr 设置或获取单元格的摘要
align 设置或获取单元格中文字的水平对齐方向
axis 设置或获取以逗号分隔的相关单元格组成的列表
cellIndex 获取行单元格集合中某单元格的位置
ch 设置或获取单元格的对齐特征
chOff 设置或获取单元格的对齐偏移特征
colSpan 设置或获取单元格跨越的表格列数
headers 设置或获取以空格分表头单元格的id列表
height 设置或获取单元格的高度
innerHTML 设置或获取单元格标记间的HTML文本
noWrap 设置或获取单元格是否自动换行
rowSpan 设置或获取单元格跨越的表格行数
scope 设置或获取与标题相关联的数据列
vAlign 设置或获取单元格文字的垂直对齐方向
width 设置或获取单元格的宽度
id 设置或返回单元格的 id。
offsetWidth offsetHeight,取得对象(包括单元格TableCell)的宽度和高度
TableCell对象的事件
onBlur 当表格失去焦点的时候执行一些代码
onClick 当用户点击表格的时候执行一些代码
onFocus 当表格得到焦点的时候执行一些代码
onSelectStart 当表格被选中的时候执行一些代码
TableRow对象:表示HTML文档中表的行,对于文档中每个<tr>标记,浏览器都创建一个TableRow对象.
TableRow对象集合
cells[] 获取表格行中所有列组成的数组
TableRow对象属性
accessKey 设置或获取该对象的快捷键
align 设置或获取表格行中单元格中文字的水平对齐方向
chOff 设置或获取单元格的对齐偏移特征
colSpan 设置或获取单元格跨越的表格列数
height 设置或获取表格行的高度
innerHTML 设置或获取表格行标记间的HTML文本
innerText 设置或获取表格行标记间的文本
rowIndex 获取表格行对象在表格行集合中的位置
sectionRowIndex 获取tBody,tHead或tFoot中,表格行对象在行集合中的位置
tabIndex 设置或获取表格行的Tab顺序索引
vAlign 设置或获取表格行中文字的垂直对齐方向
width 设置或获取表格行的宽度
id 设置或返回行的id。
ch 设置或返回在行中单元格的对齐字符。
TableRow对象方法
blur() 取消该对象的激活状态
click() 模拟鼠标单击该对象
deleteCell([i]) 删除表格行中的指定的单元格
focus() 将焦点移至表格行
insertCell() 在表格行中插入新单元格
TableRow 对象的事件
onBlur 当表格行失去焦点的时候执行一些代码
onClick 当用户点击了表格行的时候执行一些代码
onFocus 当表格行得到焦点的时候执行一些代码
onSelectStart 当表和行被选中的时候执行一些代码
例:
//inserRow(-1)表示在后面添加。
var newRow=document.getElementById("myTABLE").insertRow(-1);
var newCell=newRow.insertCell(0);
newCell.innerHTML="Mighty Widget 2000"
newCell=newRow.insertCell(1)
newCell.innerHTML="Release Date TBA"
http://www.abaonet.com/makeWeb/js/htmldom/dom_obj_tabledata.html
0 0
- 9Table表和列表
- 列表 块 div和table布局
- JS对列表的分页 和 Table的分页
- 动态生成table列表
- 散列表(Hash Table)
- 散列表 hash table
- 散列表 - Hash Table
- 散列表(Hash Table)
- HTML Table 列表滚动
- 带下拉列表的table
- lua的table库函数列表
- 开发bootstrap的table列表
- 散列表(hash table)
- 获取table列表所有值
- 散列表(Hash table)
- table标签与列表标签
- Hash(哈希算法)和Hash Table(散列表)
- html使用列表 以及div的布局和table的布局
- 流媒体完全手册
- Android基础-6
- 在CYGWIN下编译和运行软件Bundler ,以及PMVS,CMVS的编译与使用
- 进程与线程
- 使用Application来实现数据的共享
- 9Table表和列表
- 欢迎使用CSDN-markdown编辑器
- Android根据音量大小绘制心电图(附源码)
- 手把手教你做蓝牙聊天应用(一)-功能规划
- 无向图的最小割 hdu 3002 Stoer-wagner算法
- Linux电源管理研究笔记—动态电源管理(DPM)
- 利用jxcell创建excel下拉菜单
- 10document对象的属性和方法
- 二叉树基础-文本二叉树(数据结构基础 第5周)