spread.js获取表格使用行数_框架

10行。spreadjs就是传播js文件，在这一系列的 *** 作中，获取表格的话是需要使用10行的内容的，spreadjs是一款基于HTML5的纯前端表格控件，兼容450多种Excel公式，具备“高性能、跨平台、与Excel高度兼容”的产品特性。

先获取table，然后再去获取列。获取第一行第一列的值，代码如下：

var table=documentgetElementById('tab');//获取表格对象

var cell=tablerows[0]cells[0];//第一行第一列单元格对象

var val=cellinnerHTML;//获取值

拿走，不谢，表格本来是空的

<!DOCTYPE html>

<html>

</style>

windowonload=function(){

var str='';

var x=documentgetElementById('s');

for(var i=1;i<4;i++){

str+='<tr>';

for(var j=1;j<3;j++){

str+='<td>这是第'+i+'行，第'+j+'列</td>';

}

str+='<td><button>点我</button></td></tr>';

}

sinnerHTML=str;

var b=documentgetElementsByTagName('button');

for(var i=0;i< blength;i++){

b[i]onclick=function(){

alert(thisparentNodeparentNodeinnerText);

}

</script>

</head>

<body>

</body>

</html>

windowonload = function(){

var trs = documentgetElementsByTagName('tr');

for(var i=0;i<trslength;i++)

{

var tds=trs[i]getElementsByTagName('td');

for(var j=0;j<tdslength;j++)

{

tds[j]onclick = function(){

alert(thisinnerHTML);

}

这样就可以了。不过要注意，js里面对应每一行有rowIndex这个值，但是对每个cell（就是你说的每一行里的每个列）就没有类似的东西了。

<!DOCTYPE HTML>

<head>

<title>小白编辑部 and LittleWhite</title>

table {

margin: auto;

width: 300px;

border-collapse: collapse;

border: 1px solid black;

}

td {

border: 1px solid black;

text-align: center;

font: 20px/15 Consolas, 微软雅黑;

}

</style>

onload = function ()

{

var first = documentgetElementById('first');

var result = firsttBodies[0]rows[1]cells[0]children[0];

var x = resulttBodies[0]rows[0]cells[0]firstChildnodeValue;

consolelog(x);

}

</script>

</head>

<body>

<tr>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

获取行/列

var colcount=wbWorksheets(1)UsedRangeCellsRowsCount ;

var colcolumn=wbWorksheets(1)UsedRangeColumnsCount;

读取本地Excel文件内容的Javascript代码：

function read_excel(){

var filePath="D:\abcd9comxls"; //要读取的xls

var sheet_id=2; //读取第2个表

var row_start=3; //从第3行开始读取

var tempStr='';

try{

var oXL = new ActiveXObject("Excelapplication"); //创建ExcelApplication对象

}catch(err)

{

alert(err);

}

var oWB = oXLWorkbooksopen(filePath);

oWBworksheets(sheet_id)select();

var oSheet = oWBActiveSheet;

var colcount=oXLWorksheets(sheet_id)UsedRangeCellsRowsCount ;

for(var i=row_start;i<=colcount;i++){

if (typeof(oSheetCells(i,8)value)=='date'){ //处理第8列部分单元格内容是日期格式时的读取问题

d= new Date(oSheetCells(i,8)value);

temp_time=dgetFullYear()+"-"+(dgetMonth() + 1)+"-"+dgetDate();

}

else

temp_time=$trim(oSheetCells(i,7)valuetoString());

tempStr+=($trim(oSheetCells(i,2)value)+" "+$trim(oSheetCells(i,4)value)+" "+$trim(oSheetCells(i,6)valuetoString())+" "+temp_time+"\n");

//读取第2、4、6、8列内容

}

return tempStr; //返回

oXLQuit();

CollectGarbage();

}

</script>

先说思路：

当点击某一行的时候，能得到这个tr的对象，可以通过这个对象得到该行的所有td对象，这时候可以通过一个序号来获取这一行的某个td的数据。

下面以代码来解释

<tr>

</tr>

<tr>

</tr>

</table>

//以jquery为例实现点击某行获得某个td的数据

$( "#tb tr" )click( function() {//给每行绑定了一个点击事件

var td = $( this )find( "td" );//this指向了当前点击的行，通过find我们获得了该行所有的td对象

//题中说到某个td，为了演示所以我们假设是要获得第3个td的数据

var data = tdeq( 2 )html();//通过eq可以得到具体的某个td对象，从而得到相应的数据

} );

</script>

综上，我们就实现了通过点击某行获得某个td的数据。

以上就是关于spread.js获取表格使用行数全部的内容，包括:spread.js获取表格使用行数、怎么用js获取当前页面table一列的值、js获取循环表格中的按钮点击事件及当前行内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9722051.html

spread.js获取表格使用行数

发表评论

评论列表（0条）