<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title>javascript automatically adds an ordinal number to the table </title> <style type=" Text/css ">. index_tab{width : 100%;border-collapse:collapse;border:1px solid #005892; margin:8px 0;} . Index_tab td{line-height:35px;border:1px Solid #005892;p adding-left:4px; Tr.tr_top td{line-height:32px;border:none;background-color: #005892; color: #fff; font-weight:bold;} Td.td_center{text-align:center;} . Ys01{background-color: #E6F0FE;} </style> <script language= "javascript" type= "Text/javascript" > window.onload = function () {var otable = document.getElementById ("Bbstab"); for (Var i=0;i<otable.rows.length;i++) {otable.rows[i].cells[0].innerhtml = (i+1); if (i%2==0)//Even row Otable.rows[i].classname = "Ys01"; } </script> </pead> <body> <table class= "Index_tab" > <tr class= "tr_top" > <td CLA ss= "Td_center" width= "9%" > Line number </td> <td width= "83%" > title </td> <td class= "Td_center" width= "11%" > Total </td> </tr> <tbody id= "Bbstab" > <tr > <td class= "td_center" ></td> <td> ; VC + + Support window and text drag-and-drop COleDropTarget extended class </td> <td class= "Td_center" >20235</td> </tr> <tr > < TD class= "Td_center" ></td> <td> useful ico icon intercepting tool VB source program </td> <td class= "Td_center" > </ td> </tr> <tr > <td class= "td_center" ></td> <td> some classical VB encryption and decryption algorithm example </td> <TD CL ass= "Td_center" > </td> </tr> <tr > <td class= "td_center" ></td> <td> </td> <td class= "Td_center" > </td> </tr> <tr > <td class= "Td_center" >& Lt;/td> <td> </td> <td class= "Td_center" > </td> </tr> <tr > <td class= "Td_center" >&L t;/td> <td> </td> <td class= "Td_center" > </td> </tr> </tbody> </ Table> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
