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
设置或获取以逗号分隔的相关单元格�
相关文档：
网页可见区域宽：document.body.clientWidth;
网页可见区域高：document.body.clientHeight;
网页可见区域高：document.body.offsetWidth (包括边线的宽);
网页可见区域高：document.body.offsetHeight (包括边线的宽);
网页正文全文宽：document.body.scrollWidth;
网页正文全文高：document.body.scrollHeight;
......
var greeting_w = {
c:['你好!', '欢迎回来', '欢迎回到组织', '祝你好心情！', 'Hi~', 'Hello!', '*^o^*', ':D', '没事多喝水', 'CR=ChinaRen', '又见面了!', '多运动少生病', '欢迎来地球~', '欢迎来火星~', '你太有才了!', 'hoho', '没事吃个水果', '来哼个歌儿', '拆纳仁欢迎你!', '想ta了吗?', '啥时同学会?', '保护� ......
示例：
- - - - - - - - - - - -
<body>
<input type="button" value="create" onclick="createTr();">
<table border='1' id="t" >
</table>
<input type="button" value="提交" onclick="okss();" />
</body>
<script type="text/javascript">
&nbs ......
function addLoadEvent(fun) {
var oldonload = window.onload;
if(typeof(window.onload) != 'function') {
window.onload = fun;
} else {
window.onload = function() {
oldonload();
fun();
}
}
}
//function insertAfter(newElement, targentElement)
function insertAfter(insertedNode, ......
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return f ......
