JS对象之Table表格对象
来源:互联网 发布:截图软件排行 编辑:程序博客网 时间:2024/05/21 10:10
转自:http://chbin95233.blog.163.com/blog/static/32075111200991395943689/
http://www.ccscript.cn/Content/2/164.aspx
Table对象集合
Table对象:表示HTML文档中的表,对于文档中每个<table>标记,浏览器都创建一个Table对象.
集合
描述
cells[]获取包含表格中所有单元格的数组rows[]获取包含表格中所有行的数组tBodies[]获取包含表格中所有tbody的数组Table对象属性
border设置或获取表格边框caption设置或获取表格标题cellPadding设置或获取每个单元格边框与内容的宽度cellSpacing设置或获取表格中单元格的间距frame设置或获取表格具有哪些边框rules设置或获取表格中的内部边框summary设置或获取表格的描述tFoot获取表格的tFoot对象tHead获取表格的tHead对象width设置或获取表格宽度accessKey设置或获取该对象的快捷键align设置或获取表格行中单元格中文字的水平对齐方向chOff设置或获取单元格的对齐偏移特征colSpan设置或获取单元格跨越的表格列数height设置或获取表格行的高度innerHTML设置或获取表格行标记间的HTML文本innerText设置或获取表格行标记间的文本rowIndex获取表格行对象在表格行集合中的位置sectionRowIndex获取tBody,tHead或tFoot中,表格行对象在行集合中的位置tabIndex设置或获取表格行的Tab顺序索引vAlign设置或获取表格行中文字的垂直对齐方向Table对象方法
createCaption()为表格创建一个空的标题元素createTFoot()为表格创建一个空的tFoot元素createTHead()为表格创建一个空的tHead元素deleteCaption()删除表格的标题元素deleteRow()删除指定的表格行deleteTFoot()删除表格的tFoot元素deleteTHead()删除表格的tHead元素blur()取消该对象的激活状态click()模拟鼠标单击该对象deleteCell([i])删除表格行中的指定的单元格focus()将焦点移至表格行insertCell()在表格行中插入新单元格insertRow()向表格中插入新行TableCell对象属性
TableCell对象:表示HTML文档中表的单元格,对于文档中每个 <td>标记,浏览器都创建一个TableCell对象.
属性
描述
abbr设置或获取单元格的摘要align设置或获取单元格中文字的水平对齐方向axis设置或获取以逗号分隔的相关单元格组成的列表cellIndex获取行单元格集合中某单元格的位置ch设置或获取单元格的对齐特征chOff设置或获取单元格的对齐偏移特征colSpan设置或获取单元格跨越的表格列数headers设置或获取以空格分表头单元格的id列表height设置或获取单元格的高度innerHTML设置或获取单元格标记间的HTML文本noWrap设置或获取单元格是否自动换行rowSpan设置或获取单元格跨越的表格行数scope设置或获取与标题相关联的数据列vAlign设置或获取单元格文字的垂直对齐方向width设置或获取单元格的宽度怎样获取预定义的table的行号和列号呢?很简单,只需要了解 table 的几个属性值用法即可。Table的总行数可以通过标记“tr” 得到,但是table的列数却不能直接获取,它需要借助 rows 通过标记“th” 和“td”得到。为了更直观,下面以示例来说明如何得到行号和列号。点击 Id 为 'MyTable' 的表格的任意单元时,返回该单元的行号和列号!示例代码如下:
function getRowAndColumn()
{
if(!document.getElementsByTagName || !document.createTextNode)return;
var rows=document.getElementById('MyTable').getElementsByTagName('tr');
var cols;
for(i = 0; i < rows.length; i++)
{
rows[i].on
{
alert("行:"+ev
}
if(i=0)
{
colsTH =rows[i].getElementsByTagName('th');
alert(colsTH.length);
for(k = 0; k< colsTH.length; k++)
{
colsTH[k].on
{
alert("列:"+ev
}
}
}
else
{
cols =rows[i].getElementsByTagName('td');
for(j = 0; j < cols.length; j++)
{
cols[j].on
{
alert("列:"+ev
}
}
}
}
}
- JS对象之Table表格对象
- JS对象之Table表格对象
- Table表格对象
- table表格对象
- JavaScript的Table表格对象
- JavaScript的Table表格对象
- JavaScript的Table表格对象
- JavaScript的Table表格对象
- JavaScript的Table表格对象
- JS中Table对象集合
- table 对象
- 将js对象数组插入到table
- JS:DOM相关:table对象,节点操作
- 表格对象
- js对象插入表格行,用于修改
- [js对象]JS入门之Array对象
- [js对象]JS入门之ActiveXObject对象
- [js对象]JS入门之arguments对象
- 设计模式之 ------工厂模式
- 输入框聚焦,点击时清空文本框_表单按钮特效
- 2012成都现场赛
- poj-1836-Alignment-dp-最长最短子序列问题
- php安装mcrypt模块
- JS对象之Table表格对象
- ViewSwitcher实现程序列表分屏和动画效果
- ios开发之ASIHttpRequest-创建和执行request
- 在企业级开发中使用Try...Catch...会影响效率吗?结果很意外,但是本人木有经过测试
- 修改选中第一个app收获
- 转ios icon及默认图片等
- [AndEngine学习教程] 第2节 使用AndEngine.jar创建工程
- DB-link创建语句
- 孙多洋《融资智慧》投融资培训