asp按时间自动递增编号,HTML和JavaScript自动递增编号

I am new to HTML and JavaScript. I got a problem like this in HTML (This code below only visualize the problem for you to easy to reference.)

1Harry2Simon3Maria4Victory

This is a name list, however the problem is that sometime i need to add more name into this table and I HAVE TO ADD in front of Number 1, so meaning i have to re-write the number list, (EX: 1 1 2 3 4 --> 1 2 3 4 5). I feel that is not a good way.

NOTE: I don't want to change the list number decrease from top to bottom. And this is a HTML file so can't apply PHP

Anyone can help me to make the number to a variable like "i" and a function can help me to fill variable i increment from top to bottom automatically like

iHarryiSimoniMariaiVictory

Function Fill_i for example:

I think that JavaScript should be used in this case. Thanks for your help and suggestion on this problem.

Again: I am not allowed to use PHP or ASP and when I add a new name, I add it manually by HTML.

解决方案

This should work for you:

Harry

Simon

Maria

Victory

var tables = document.getElementsByTagName('table');

var table = tables[tables.length - 1];

var rows = table.rows;

for(var i = 0, td; i < rows.length; i++){

td = document.createElement('td');

td.appendChild(document.createTextNode(i + 1));

rows[i].insertBefore(td, rows[i].firstChild);

}

The script should be placed immediately after your table. It goes through each row of your table and adds an extra cell to the beginning with the incrementing number inside that cell.