javascript sort table & merge same column
说明:
appendChild()
我测试的结果:
1 appendChild() 表格中所有行循环上移一行后, 用新的(行)替换了 表格的末行 ;相当于替换了表格的第一行,并循环上移一行
2 不改变 表格的总 行数
insertRow()
1 insertRow() 在表格中插入一行,表格总行书增一
2 insertRow(index) index=0 , 在表头增加, index=-1, 在表尾增加。
deleteRow()
1 deleteRow(0) 删除表头第一行, 第二行变为第一行; 因此删除表头前n行,可以循环n次调用deleteRow(0)
Example: Sort table & Merge same Column
1。 Break Table: 遍历表格,如果排序列 的某TD包含多个值, 需要拆分为多行(使用insertRow(-1); index=-1是因为便利过程使用原有表格的行数进行遍历,若在表头插入行则遍历失效)
2。 Sort Table:
a,将表格中的代排序行保存到数组ArrayOrig中,
b: 排序数组ArrayOrig
c:遍历数组ArrayOrig,合并相同列,生成ArrayDest(注意合并过程中需要保证状态,属性符合需求)
d: 遍历ArrayDest,使用appendChild() 添加到表格中。
3。 Delete Table: 因为appendChild()不会改变表格行数,因此适用 count=ArrayOrig.length - ArrayDest.length 循环调用deleteRow(0)删除表前count行
以下为 网上的 一些资料:
http://zxjava.javaeye.com/blog/193926
1、inserRow()和insertCell()函数
insertRow(index):index从0开始
这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于 insertRow(-1),将新行添加到表的最后。一般我们在使用的时候都是:objTable.insertRow(objTable.rows.length).就是为表格objTable在最后新增一行。
insertCell()和insertRow的用法相同,这里就不再说了。
2、deleteRow()和deleteCell()方法
deleteRow(index):index从0开始
删除指定位置的行和单元格。要传入的参数:Index是行在表格中的位置,可以下面的方法取得然后去删除:
var row=document.getElementById("Row_Id");
var index=row.rowIndex;
objTable.deleteRow(index);
删除表格的行的时候,如果你删除了某一行,那么表格行数是马上就变化的,所以如果你要删除表格的所有行,下面的代码是错误的:
function clearRow(){
objTable= document.getElementById("myTable");
for( var i=1; i<objTable.rows.length ; i++ )
{
tblObj.deleteRow(i);
}
}
这段代码要删除
相关文档:
【转】http://www.cnblogs.com/chenxizhang/archive/2010/01/01/1637309.html
如果我们需要在javascript访问到页面中定义的变量,大致是如下的语法
//这是2010年1月1日增加的代码
var ismanager = "<%= DepartManager %>";
if (ismanager == "true") {
$(" ......
FRAMESET 标签是 FRAME 元素的容器。
HTML 文档可包含 FRAMESET 元素或 BODY 元素之一,两者不能同时使用。
框架将网页分成几个框窗,同时取得多个URL。用<FRAMESET> <FRAME> 即可,所有框架标记需要放在一个总起的 html 文档里,这个档案只记录了该框架如何分割 ,不会显示任何资料,所以不必放入 <BODY& ......
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可 ......
http://javascript.crockford.com/private.html
function a() {
var i = 0;
function b() {
alert(++i);
}
return b;
}
var c = a();
c();
当在函数b中访问一个变量的时候,搜索顺序是:
先搜索自身的活动对象,如果存在则返回,如果不存在将继续搜索函数a的活动对象,依 ......