JavaScript 表格对象和操作

一。取表格对象

var getTable= document.getElementById("tabHeTong");

 

二。插入行

var oTR = getTable.insertRow();//新增一行

 

三。某行加入列

var oTDa = oTR.insertCell();//新增一列
var oTDb = oTR.insertCell();//新增二列
var oTDc = oTR.insertCell();//新增三列

四。删除行：

getTable.deleteRow(flagRow-1);//删除行

 

五。选中行：

var i=event.srcElement.parentNode.parentNode.rowIndex;

 

 

六。示例： 取表格当前行数据

 var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;

 var objTable= document.getElementById("contable");

 var row=objTable.rows[currRowIndex];

 for(var i=1;i<row.cells.length;i++){

    alert(objTable.rows[currRowIndex].cells[i].innerText);
 }

 

 

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