利用js动态操作表格行列

简介: /**根据传进来的表结构 和相应的列,返回*/function getTbValueByCols(obj,colindex){ var str = ""; for(var i= 0; i < obj.rows.length; i++) str += obj.rows[i].cells[colindex].innerHTML+"|";

/*

*根据传进来的表结构 和相应的列,返回

*/

function getTbValueByCols(obj,colindex)

{

 var str = "";

 for(var i= 0; i < obj.rows.length; i++)

     str += obj.rows[i].cells[colindex].innerHTML+"|";

 

 if(str != "")

   str = str.substr(0,str.length-1);

 return str;

}


/*

*表的相应的列的赋值

*/

function initiTbValueByCols(obj,colindex,arrV)

{

 for(var i= 0; i < obj.rows.length; i++)

 {

    obj.rows[i].cells[colindex].innerHTML=arrV[i];

 }

}

/*

*根据对象 pos:(startP,endP),和第几列 控制合并列

*/

function mergeRow(obj,pos,columnIndex)

{

    var arrPos = pos.split(',');

    var startPos = arrPos[0];

    var endPos = arrPos[1];

    obj.rows[startPos].cells[columnIndex].rowSpan = (endPos-startPos)+1;

    var i = parseInt(startPos)+1;

    for(;i<=endPos; i++)

    {

       Element.hide(obj.rows[i].cells[columnIndex]);

    }

}

/*

*功  能:删除未显示的行

*创建人:

*/

function delHideRows(obj)

{

   var len = obj.rows.length;

   for(var i=len-1; i>-1; i--)

   {

       if(Element.visible(obj.rows[i]) == false)

         Element.remove(obj.rows[i]);

   }

}

/*

*删除表的相应的列的值

*/

function delTbValueByCols(obj,colindex)

{

 for(var i= 0; i < obj.rows.length; i++)

    obj.rows[i].cells[colindex].innerHTML='';

}

/*

*把表的相应的列值 赋给另一个表 某列

*/

function copyTbColsToOtherTbCols(objSource,colIndexSource,objTarget,colIndexTarget)

{  

for(var i=1; i <objSource.rows.length; i++)

 objTarget.rows[i-1].cells[colIndexTarget].innerHTML=trim(objSource.rows[i].cells[colIndexSource].innerHTML);

}

/*

* 把表中指定的列,以数组的形式返回,每一列之间的值 以"|"分割 最后一位是 "|"

*/

function getTbColsValue(obj,cols)

{

  var arr = new Array(obj.rows.length);

  for(var i = 0; i < obj.rows.length; i++)

  {

     for(var j = 0; j < cols.length; j++)

     {

         arr[i] += trim(obj.rows[i].cells[cols[j]].innerHTML) + "|"

     }

     if(arr[i] != null && arr[i] != "")

       arr[i] = arr[i].substr(9);  

  }

  return arr;

}

/*

* 把表中指定的列,以数组的形式返回,每一列之间的值 以"|"分割 最后一位是 "|"

*/

function getTDValue(obj,rowIndex,colsIndex)

{

  var v='';

  try

  {

    v = trim(obj.rows[rowIndex].cells[colsIndex].innerHTML)

  }

  catch(ex)

  {}

  return v;

}

/*

* 把表中指定的列,以数组的形式返回,每一列之间的值 以"|"分割 最后一位是 "|"

*/

function setTDValue(obj,rowIndex,colsIndex,v)

{

  try

  {

    obj.rows[rowIndex].cells[colsIndex].innerHTML=v;

  }

  catch(ex)

  {}

}


相关文章
|
4月前
|
JavaScript 前端开发
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
43 2
|
5月前
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
34 0
|
5月前
|
JavaScript
js好用的动态分页插件
js好用的动态分页插件是一款简单的分页样式插件,支持样式类型,当前页,每页显示数量,按钮数量,总条数,上一页文字,下一页文字,输入框跳转等功能。
50 1
|
5月前
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
51 1
|
5月前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
108 1
|
5月前
|
存储 JavaScript 前端开发
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
51 1
|
5月前
|
JavaScript 前端开发
前端 JS 经典:动态执行 JS
前端 JS 经典:动态执行 JS
57 0
|
5月前
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(一)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(一)
41 0
|
5月前
|
存储 JavaScript 前端开发
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(二)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(二)
50 0
|
5月前
|
JavaScript 前端开发
js/javascript 操作对象【全】(含常用的操作对象的lodash)
js/javascript 操作对象【全】(含常用的操作对象的lodash)
39 0