本文介绍如何使用JavaScript获取HTML表格的当前行数。通过遍历表格对象或表格行集合,可以准确获取表格中存在的行数量。示例代码展示了基本的DOM操作方法,适用于需要动态处理表格数据的场景。
获取表格行数的基本方法
<BODY onmousemove="pos()"> <table border="1" cellpadding="" cellspacing="" width="" id="table1"> <tr> <td>table1</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table2"> <tr> <td>table2</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table3"> <tr> <td>table3</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table4"> <tr> <td>table4</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table5"> <tr> <td>table5</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table6"> <tr> <td>table6</td> </tr> </table>注意:引入外部JS文件后,可能需要刷新页面才能执行相关脚本。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <table width="100%" border="1"> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </body> </html> 注意:引入外部JS文件后,可能需要刷新页面才能执行相关脚本。