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
设置或获取以逗号分隔的相关单元格�
相关文档：
var greeting_w = {
c:['你好!', '欢迎回来', '欢迎回到组织', '祝你好心情！', 'Hi~', 'Hello!', '*^o^*', ':D', '没事多喝水', 'CR=ChinaRen', '又见面了!', '多运动少生病', '欢迎来地球~', '欢迎来火星~', '你太有才了!', 'hoho', '没事吃个水果', '来哼个歌儿', '拆纳仁欢迎你!', '想ta了吗?', '啥时同学会?', '保护� ......
修改循环的执行方式
for(var i=0;i<element.childNodes.length;i++){
执行代码
}
这种方式每次循环都要取element.childNodes.length的值，应该改为如下的
var n＝element.childNodes.length
for(var i=0;i<n;i++){
执行代码
}
2：修改dom操作的次数
dom批量插入一批类似的节点不如先构造一个对象， ......
10个优秀的Ajax和Javascript国外资源网站
转载地址：http://www.zzsky.cn/build/content/1246.htm
1、Ajax Rain: http://www.ajaxrain.com
AjaxRain有很多完美整合Ajax、CSS、DHTML或Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计（开发）师� ......
1. 应用 Array.prototype.join实现字符合并
方法1.
String.prototype.times = function(n) {
return Array.prototype.join.call({length:n+1}, this);
};
"js".times(5) // => "jsjsjsjsjs"
方法2.
var ArrayTest=new Array("HE","LL","O");
var hello = Array.prot ......
删除行
<script>
function del(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<body& ......
