changing name html name attribute using javascript

changing name html name attribute using javascript

this is javascript code where I want to change the name attribute each
time new element is created. but when I try to access these elements from
servlet it shows me null value.What exctly I am doing wrong? any help
would be appreciated. Thanx in advance!!
function addRow()
{
var table = document.getElementById('table');
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "text";
element1.name ="item"+rowCount;
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
var element2 = document.createElement("input");
element2.type = "text";
element2.name ="amount"+rowCount;
cell2.appendChild(element2);
var cell3 = row.insertCell(2);
cell3.innerHTML = ' <input type="button" value="Edit"
onclick="editRow(this)"/> <input type="button" value="Delete"
onclick="deleteRow(this)"/>';
cell3.setAttribute("style", "display:none;");
var cell4 = row.insertCell(3);
cell4.innerHTML = '<input type="button" value="Save"
onClick="saveRow(this)">';
document.listform.hfield.value=rowCount;
}