<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>
4reduce还有第二个参数，我们可以把这个参数作为第一次调用callback时的第一个参数，上面这个例子因为没有第二个参数，所以直接从数组的第二项开始，如果我们给了第二个参数为5，那么结果就是这样的：
1、JS获取表格的简便方法：获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells
使用实例： oTabletBodies[0] oTabletHead[0] oTabletFoot[0] oTablerows[1] oTablecells[1]
2、遍历
var oTable=documentgetElementById("表格id");
oTabletBodies[0]可以看成是rows和cells组成的二维数组，用两个for循环嵌套遍历一下就可以了
<table border="1">
</table>
<script type="text/javascript" src="jquery-183minjs"></script>
<script type="text/javascript">
var arr = [1,2,3];
for(var i=1;i<=arrlength;i++){
if(i==arr[0]){
$("table")append("<tr><td rowspan='6'>1</td><td rowspan='2'>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>3</td><td>4</td><td>5</td><td>6</td></tr>")
}else if(i==arr[1]||i==arr[2]){
$("table")append('<tr><td rowspan="2">2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>3</td><td>4</td><td>5</td><td>6</td></tr>')
}
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<ul>
<li class="mylist"
><a href="/e/action/ShowInfophpclassid=90&id=92" title=""
>八年级课程表</a
>
</li>
<li class="mylist"
><a href="/e/action/ShowInfophpclassid=90&id=91" title=""
>九年级课程表</a
>
</li>
</ul>
<ul class="mui-table-view" style="margin-top: -10px;" id="project"> </ul>
</body>
<script>
document
querySelector("#project")
appendChild(documentquerySelector("mylist a")cloneNode(true));
</script>
</html>
请采纳
以上就是关于页面上有个<table>表格,如何用JS中的循环分别取得各个td中的数据全部的内容，包括:页面上有个<table>表格,如何用JS中的循环分别取得各个td中的数据、JS中各种遍历方法、js怎么获取整个表格的数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）