JS遍历table行和列

宇玲 2009-10-30

展开全文

<HTML>
<head>
<SCRIPT LANGUAGE="JavaScript">
//遍历表格的每行每列
function viewCell()
{
    var count=1;                                                    //在表格中显示的内容
    for (i=0; i < document.all.tbl.rows.length; i++) {              //遍历每行
        for (j=0; j < document.all.tbl.rows(i).cells.length; j++) { //遍历行中的每一列
            document.all.tbl.rows(i).cells(j).innerText = count;    //在单元格显示数值
            count++;
        }
    }
}
</SCRIPT>
</head>
<BODY onLoad="viewCell()">
<TABLE id=tbl border=1 width="200">
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
</BODY>
</HTML>