`
wolfmaster
  • 浏览: 159100 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js操作表格的方法

    博客分类:
  • js
J# 
阅读更多
/*
*根据传进来的表结构 和相应的列,返回
*/
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)
   {}
}
分享到:
评论

相关推荐

    js操作表格的方法介绍

    在JavaScript中,操作表格是一种常见的任务,特别...通过不断学习和实践,你可以熟练掌握JavaScript操作表格的各种技巧。参考提供的博文链接(https://zyz.iteye.com/blog/1743610),可以获取更多详细信息和示例代码。

    js操作表格

    js操作表格 实例 js操作表格 实例 js操作表格 实例

    js简单表格操作

    在JavaScript(简称JS)中,表格操作是网页动态交互中常见的功能,主要用于处理HTML中的`&lt;table&gt;`元素。本教程将深入探讨如何使用JS实现表格的增、删、改操作,帮助你创建更加灵活和交互性强的数据展示界面。 首先...

    javascript动态操作表格

    在JavaScript中,动态操作表格是一项常见的任务,尤其在构建数据驱动的Web应用时。下面将详细探讨这个主题,包括如何添加、删除、选择表格以及兼容性问题。 首先,让我们从添加表格开始。在HTML中,表格由`&lt;table&gt;`...

    JS操作Word生成表格

    在IT行业中,JavaScript(简称JS)通常用于网页前端交互,但通过特定的库和API,我们也能使用JS来操作Microsoft Word文档,包括在Word中创建和编辑表格。本篇文章将详细探讨如何使用JS来实现这一功能,以及相关的...

    JavaScript操作表格

    ### JavaScript操作表格知识点详解 #### 一、创建表格 在给定的内容中,我们首先看到了一个简单的示例,展示了如何使用JavaScript动态创建一个表格。这个过程主要包括以下几个步骤: 1. **获取容器元素**:通过`...

    javascript表格操作

    在探讨“javascript表格操作”的知识点时,我们主要聚焦于如何利用JavaScript来动态地操作HTML中的表格元素,包括但不限于创建、删除行或单元格,以及进行数据的排序和汇总。以下是对这一主题的深入解析。 ### 动态...

    js操作表格, 带初始化的

    在JavaScript编程中,操作表格是一项常见的任务,尤其是在网页交互和数据展示方面。在这个主题中,我们将深入探讨如何使用JavaScript来创建、初始化、增加和删除表格元素。以下是一份详细的指南,帮助你理解并掌握...

    js 操作 表格 操作 常用方法

    表格操作常用方法! 值得下载看看!资源免费,大家分享!!

    javascript实现表格添加删除等操作

    这个案例主要涉及了如何使用JavaScript来实现表格的添加、删除等基本操作。这些功能对于网页交互性和用户体验有着重要的作用,尤其适合初学者进行学习和实践。 首先,`students.html`文件很可能是用来展示表格结构...

    纯js电子表格操作

    "纯js电子表格操作"这个主题涉及到使用JavaScript处理电子表格数据,如读取、解析、修改和生成Excel文件。下面将详细探讨相关的知识点。 1. **js-xlsx库**: js-xlsx是JavaScript的一个开源库,专门用于处理Excel...

    javascript经典表格操作

    9. **数据绑定**:更高级的实现可能涉及到数据绑定,如使用MVVM框架(如Vue.js或React.js),这样可以将数据与视图分离,实现更高效且易于维护的表格操作。 10. **兼容性考虑**:在编写JavaScript代码时,要确保其...

    js表格操作,DOM实现数据动态增删查改

    通过以上步骤,你可以实现一个基本的基于DOM的JavaScript表格数据操作系统。这个系统可以适应各种数据管理需求,为用户提供直观的界面和流畅的操作体验。在实际项目中,可能还需要处理更复杂的交互逻辑,如表单验证...

    JS DOM 表格操作

    1 展示了一个动态操作表格的例子 2 有简单的CSS布局 3 主要供自己查阅参考

    JS实现的表格行上下移动操作示例

    本篇文章通过一个简单的实例,展示了如何使用JavaScript实现表格行上下移动的操作,涉及到了对页面元素节点及属性的操作技巧。 首先,我们来看一个简单的表格示例,它包含了几个表格行(`&lt;tr&gt;`)和单元格(`&lt;td&gt;`)...

    JS操作表格代码CRUD操作(很完整)

    总的来说,JS操作表格的核心在于理解DOM API,如`getElementById`,`createElement`,`appendChild`,`textContent`等属性和方法。通过这些工具,我们可以轻松地实现对HTML表格的数据操作。这个例子中的代码提供了...

    JAVASCRIPT自动添加表格

    在提供的压缩包文件“JS操作表格大全”中,可能包含了各种JavaScript操作表格的实例代码,包括但不限于以上所述的添加和删除操作,还可能涵盖排序、过滤、编辑等功能。学习并实践这些示例,将有助于提升你对...

    js实现对表格的增删查改

    "js实现对表格的增删查改"这个主题,就是关于如何利用JavaScript来管理HTML表格中的数据,提供用户友好的数据操作功能。 首先,我们来理解HTML表格的基本结构。一个HTML表格由`&lt;table&gt;`标签开始,`&lt;tr&gt;`标签定义每...

    js动态操作表格

    以上就是JavaScript动态操作表格的基本方法。实际应用中,可能还需要考虑到事件监听、异步数据加载等情况。通过熟练掌握这些技巧,你可以创建出交互性强、功能丰富的表格应用。记住,实践是检验理论的最好方式,尝试...

Global site tag (gtag.js) - Google Analytics