利用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)

  {}

}


相关文章
|
8月前
|
数据采集 前端开发 JavaScript
金融数据分析:解析JavaScript渲染的隐藏表格
本文详解了如何使用Python与Selenium结合代理IP技术,从金融网站(如东方财富网)抓取由JavaScript渲染的隐藏表格数据。内容涵盖环境搭建、代理配置、模拟用户行为、数据解析与分析等关键步骤。通过设置Cookie和User-Agent,突破反爬机制;借助Selenium等待页面渲染,精准定位动态数据。同时,提供了常见错误解决方案及延伸练习,帮助读者掌握金融数据采集的核心技能,为投资决策提供支持。注意规避动态加载、代理验证及元素定位等潜在陷阱,确保数据抓取高效稳定。
263 17
|
JavaScript 前端开发
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
146 2
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
93 0
JS代码动态打印404页面源码
|
JavaScript
js好用的动态分页插件
js好用的动态分页插件是一款简单的分页样式插件,支持样式类型,当前页,每页显示数量,按钮数量,总条数,上一页文字,下一页文字,输入框跳转等功能。
126 1
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
160 1
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
210 1
|
存储 JavaScript 前端开发
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
179 1
|
JavaScript 前端开发
前端 JS 经典:动态执行 JS
前端 JS 经典:动态执行 JS
187 0
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(一)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(一)
155 0
|
存储 JavaScript 前端开发
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(二)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(二)
118 0

热门文章

最新文章

下一篇
oss云网关配置