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