用JS怎么得到表格的行数和列数

martin820303 2010-06-14 12:48:36
在firefox中如何用JS得到表格的行数和列数。
...全文
583 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
zyzy15 2010-06-17
  • 打赏
  • 举报
回复
FF测试通过
得出结果2和4

<TABLE id="tab">
<TR>
<TD>11</TD><TD>12</TD><TD>13</TD><TD>14</TD>
</TR>
<TR>
<TD>21</TD><TD>22</TD><TD>23</TD><TD>24</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var tab = document.getElementById("tab");
alert(tab.rows.length);//行数:2
alert(tab.rows[0].cells.length);//列数(第一行的格数):4
//-->
</SCRIPT>

bennman 2010-06-17
  • 打赏
  • 举报
回复

<script type="text/javascript">
var tab=document.getElementById('tb');
var rowAry=tab.rows;
var cellLen=new Array();
for(var i=0; i<rowAry.length;i++){
cellLen[i]=rowAry[i].cells.length;
}
cellLen.sort(function(a,b){return b-a});
alert("行数:"+rowAry.length+"\n"+"列数:"+cellLen[0]);
</script>
passself 2010-06-17
  • 打赏
  • 举报
回复
其实就是tr标签的个数和tr标签中,某个含有td的最大个数
itliyi 2010-06-17
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 redsnow_007 的回复:]

<script language="javascript">
var tableDom = document.getElementById("table");
var rows = tableDom.rows;
alert(rows.length);
var row = rows[0];
var cells = row.cells;
alert(cells.l……
[/Quote]
zj1494822 2010-06-17
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 redsnow_007 的回复:]
<script language="javascript">
var tableDom = document.getElementById("table");
var rows = tableDom.rows;
alert(rows.length);
var row = rows[0];
var cells = row.cells;
alert(cells.le……
[/Quote]
licip 2010-06-17
  • 打赏
  • 举报
回复
up[Quote=引用 1 楼 redsnow_007 的回复:]
<script language="javascript">
var tableDom = document.getElementById("table");
var rows = tableDom.rows;
alert(rows.length);
var row = rows[0];
var cells = row.cells;
alert(cells.le……
[/Quote]
sillyfish521 2010-06-17
  • 打赏
  • 举报
回复
学习了,很好
hoojo 2010-06-17
  • 打赏
  • 举报
回复
行数可以用rows,至于列可以判断子元素td的个数
martin820303 2010-06-17
  • 打赏
  • 举报
回复
感谢大家的回帖。
大家给出的答案是可以在ie正确执行的,但是在firefox不行。
请给出在firefox中执行的代码。
shan1119 2010-06-14
  • 打赏
  • 举报
回复
<script type="text/javascript"> 
window.onload=fnInit;
function fnInit(){
var tbl=document.getElementsByTagName("table")[0];

for(var i=0;i<tbl.rows.length;i++){
tbl.rows[i].onclick=function(){alert("Row:"+this.rowIndex);};
for(var j=0;j<tbl.rows[i].cells.length;j++)
tbl.rows[i].cells[j].onclick=function(){alert("Col:"+this.cellIndex);};
}
}
</script>

<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
</table>
Headsen 2010-06-14
  • 打赏
  • 举报
回复
var tab = document.getElementById("tabid");
alert("行数"+tab.rows.length+"\n列数"+tab.rows[0].cells.length)
xk1126 2010-06-14
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 redsnow_007 的回复:]
<script language="javascript">
var tableDom = document.getElementById("table");
var rows = tableDom.rows;
alert(rows.length);
var row = rows[0];
var cells = row.cells;
alert(cells.le……
[/Quote]
up
dngoryaner 2010-06-14
  • 打赏
  • 举报
回复
for 数组.或在行上定义一个ID
打字员 2010-06-14
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 redsnow_007 的回复:]
<script language="javascript">
var tableDom = document.getElementById("table");
var rows = tableDom.rows;
alert(rows.length);
var row = rows[0];
var cells = row.cells;
alert(cells.le……
[/Quote]

顶...
redsnow_007 2010-06-14
  • 打赏
  • 举报
回复
<script language="javascript">
var tableDom = document.getElementById("table");
var rows = tableDom.rows;
alert(rows.length);
var row = rows[0];
var cells = row.cells;
alert(cells.length);
</script>

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧