/*
*根据传进来的表结构 和相应的列,返回
*/
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)
{}
}
分享到:
相关推荐
在JavaScript(简称JS)中,表格操作是网页动态交互中常见的功能,主要用于处理HTML中的`<table>`元素。本教程将深入探讨如何使用JS实现表格的增、删、改操作,帮助你创建更加灵活和交互性强的数据展示界面。 首先...
js操作表格 实例 js操作表格 实例 js操作表格 实例
在IT行业中,JavaScript(简称JS)通常用于网页前端交互,但通过特定的库和API,我们也能使用JS来操作Microsoft Word文档,包括在Word中创建和编辑表格。本篇文章将详细探讨如何使用JS来实现这一功能,以及相关的...
在JavaScript中,动态操作表格是一项常见的任务,尤其在构建数据驱动的Web应用时。下面将详细探讨这个主题,包括如何添加、删除、选择表格以及兼容性问题。 首先,让我们从添加表格开始。在HTML中,表格由`<table>`...
在JavaScript中,操作表格是一种常见的任务,特别...通过不断学习和实践,你可以熟练掌握JavaScript操作表格的各种技巧。参考提供的博文链接(https://zyz.iteye.com/blog/1743610),可以获取更多详细信息和示例代码。
### JavaScript操作表格知识点详解 #### 一、创建表格 在给定的内容中,我们首先看到了一个简单的示例,展示了如何使用JavaScript动态创建一个表格。这个过程主要包括以下几个步骤: 1. **获取容器元素**:通过`...
在探讨“javascript表格操作”的知识点时,我们主要聚焦于如何利用JavaScript来动态地操作HTML中的表格元素,包括但不限于创建、删除行或单元格,以及进行数据的排序和汇总。以下是对这一主题的深入解析。 ### 动态...
在JavaScript编程中,操作表格是一项常见的任务,尤其是在网页交互和数据展示方面。在这个主题中,我们将深入探讨如何使用JavaScript来创建、初始化、增加和删除表格元素。以下是一份详细的指南,帮助你理解并掌握...
这个案例主要涉及了如何使用JavaScript来实现表格的添加、删除等基本操作。这些功能对于网页交互性和用户体验有着重要的作用,尤其适合初学者进行学习和实践。 首先,`students.html`文件很可能是用来展示表格结构...
"纯js电子表格操作"这个主题涉及到使用JavaScript处理电子表格数据,如读取、解析、修改和生成Excel文件。下面将详细探讨相关的知识点。 1. **js-xlsx库**: js-xlsx是JavaScript的一个开源库,专门用于处理Excel...
1 展示了一个动态操作表格的例子 2 有简单的CSS布局 3 主要供自己查阅参考
9. **数据绑定**:更高级的实现可能涉及到数据绑定,如使用MVVM框架(如Vue.js或React.js),这样可以将数据与视图分离,实现更高效且易于维护的表格操作。 10. **兼容性考虑**:在编写JavaScript代码时,要确保其...
通过以上步骤,你可以实现一个基本的基于DOM的JavaScript表格数据操作系统。这个系统可以适应各种数据管理需求,为用户提供直观的界面和流畅的操作体验。在实际项目中,可能还需要处理更复杂的交互逻辑,如表单验证...
总的来说,JS操作表格的核心在于理解DOM API,如`getElementById`,`createElement`,`appendChild`,`textContent`等属性和方法。通过这些工具,我们可以轻松地实现对HTML表格的数据操作。这个例子中的代码提供了...
本篇文章通过一个简单的实例,展示了如何使用JavaScript实现表格行上下移动的操作,涉及到了对页面元素节点及属性的操作技巧。 首先,我们来看一个简单的表格示例,它包含了几个表格行(`<tr>`)和单元格(`<td>`)...
在JavaScript中,添加和删除表格是常见的操作,特别是在动态网页设计和前端开发中。这篇文章将深入探讨如何使用JavaScript实现这个功能,并提供一个简单的源码示例。首先,我们需要理解HTML表格的基本结构,然后利用...
在JavaScript编程中,动态操作表格是一项常见的需求,特别是在构建数据驱动的Web应用时。这个主题主要涵盖如何使用JavaScript来创建、修改以及删除HTML表格(`<table>`元素)中的行(`<tr>`)、列(`<td>`或`<th>`)...
js 操作表格动态添加和删除行
"js实现对表格的增删查改"这个主题,就是关于如何利用JavaScript来管理HTML表格中的数据,提供用户友好的数据操作功能。 首先,我们来理解HTML表格的基本结构。一个HTML表格由`<table>`标签开始,`<tr>`标签定义每...