在JavaScript中怎么取得DataTable中的数据

在JavaScript中怎么取得DataTable中的数据,第1张

JS无法获得网站服务器上保存在内存中的DataTable。但有另外一种途径,DataTable做为数据源输出到页面上之后比如Gridview,成为一个HTML的table。就可以使用JS来遍历这个table了。

具体怎么遍历看下边一段

var tableObj = documentgetElementById("tableName");

var str = "";

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

{

for(varj=0;j<tableObjrows[i]cellslength;j++)

{

//str += tableObjrows[i]cells[j]innerHTML+" ";

for(var z=0;z<tableObjrows[i]cells[j]childrenlength;z++)

{

var text = tableObjrows[i]cells[j]children[z];//取得text object

str += textvalue;

}

}

str+=""n";

}

alert(str);

如果放到HTML是一个table的话,tableObjrows[i]cells[j]innerText你这样试下CurDTRows[0][x]不是HTML的方式

JS获取表格行数和列数

<html>

<head>

<script type="text/javascript">

function show()

{

var tab = documentgetElementById("test") ;

//表格行数

var rows = tabrowslength ;

//表格列数

var cells = tabrowsitem(0)cellslength ;

alert("行数"+rows+"列数"+cells);

}

</script>

</head>

<body>

<table id="test" border="1">

<tr>

<td> </td><td>nbsp;</td>

</tr>

<tr>

<td> </td><td>nbsp;</td>

</tr>

</table>

<input type="button" onclick="show();"/>

</body>

</html>

function init()

 {

   vartable =documentgetElementById("tab1");

   varrows = tablerowslength;

   alert('行数'+rows);

   varcolums = tablerows[0]cellslength;

   alert('列数'+colums);

 }

----根据列数自动循环显示隐藏

您好:这就是三个for循环嵌套而已。

for(var i=0;i<tablelength;i++) //这一层是循环这2个table

{

for(var j=0;j<trlength;j++) //这个是tr

{

for(var n=0;n<tdlength;n++) //这里是循环的tr下面所有的td

{

//这里就可以获取td是否相等了。

}

}

}

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

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

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

var val=cellinnerHTML;//获取值

<script type="text/javascript" src="js/jqueryminjs"></script>

<script type="text/javascript">

$(function(){

var len = $("div[name='divName']")size();//获取name标签的个数

var arr = [];

for(var index = 0; index < len; index++){//创建一个数字数组

arr[index] = index;

}

$each(arr, function(i){//循环得到不同的id的值

var idValue = $("div[name='divName']")eq(i)attr("id");

if(idValue != ''){

alert(idValue);

}

});

});

</script>

<table id="tbitem">

<tr><td>测试数据1</td></tr>

<tr><td>测试数据2</td></tr>

<tr><td>测试数据3</td></tr>

<tr><td>测试数据4</td></tr>

<tr><td>测试数据5</td></tr>

<tr><td>测试数据6</td></tr>

</table>

<script type="text/javascript">

var table = documentgetElementById("tbitem");

var td = tablegetElementsByTagName("td");

var len = tdlength;

for(i=0;i<len;i++){

alert(td[i]innerHTML);

}

</script>

1:你可以给table加一个id这样简单很多。也可以不加id

2:取table里input type="text 所有的值

var len = documentgetElementsByTagName("table")[0]getElementsByTagName("input")length;

var inputVal;

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

inputVal += documentgetElementsByTagName("table")[0]getElementsByTagName("input")[i]value + "<br />";

}

alert(inputVal);

3:去select下的option的val 一样通过for循环遍历出来。这会吧。

以上就是关于在JavaScript中怎么取得DataTable中的数据全部的内容,包括:在JavaScript中怎么取得DataTable中的数据、js如何获取table有多少行和列、JS如何获取table有多少行和列等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9578060.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存