码迷,mamicode.com
首页 > Web开发 > 详细

html 表格自动编号

时间:2021-02-27 13:14:39      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:class   script   ack   www   asp   页面   doc   charset   element   

页面展示的表格第一列自动编号,如图

技术图片

 

 

代码如下:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>自动编号</title>
 6 </head>
 7 
 8 <script language="javascript" type="text/javascript">
 9     window.onload = function () {
10         var tableLine = document.getElementById("number");
11         for (var i = 0; i < tableLine.rows.length; i++) {
12             tableLine.rows[i].cells[0].innerHTML = (i + 1);
13         }
14     }
15 </script>
16 <body>
17 
18 <table>
19     <tr>
20         <td>编号</td>
21         <td>内容</td>
22     </tr>
23     <tbody id="number">
24     <tr>
25         <td></td>
26         <td></td>
27     </tr>
28 
29     <tr>
30         <td></td>
31         <td></td>
32     </tr>
33 
34     <tr>
35         <td></td>
36         <td></td>
37     </tr>
38     </tbody>
39 </table>
40 
41 </body>
42 </html>

 

 

参考:https://www.qwbm.com/new.asp?id=801

html 表格自动编号

标签:class   script   ack   www   asp   页面   doc   charset   element   

原文地址:https://www.cnblogs.com/whycai/p/14453895.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!