Un getElementById dinamico realizar suma

[tazzwt]

No se como usar el getElementsByName, bueno este es el codigo que tengo:

Código Javascript:

<?php
 
include("conexion.php");
$link=Conectarse();
 
echo "
<script language='JavaScript' type='text/javascript'>  
function suma(){ 
    
var capacidad=4;
var i=0;
var textfield = new Array();
while (i < capacidad) {
    textfield[i] = document.getElementById('textfield['+i+']').value;
    
    alert(textfield[i].value);
    i++;
}
    
}       
 
</script>  
";
 
 
$result=mysql_query("select * from articulos",$link); 
 
 
$x=0;
while($row = mysql_fetch_array($result)) {
$nombre = $row["nombre"];
$precio = $row["precio"];
 
echo "$nombre <input type=\"text\" value=\"textfield$x\" id=\"textfield$x\"/><br>";
 
$x++;
} 
  
echo "<br>";
echo "El total es: <input type='text' id='resultado'><br>";
 
echo "<br>";
 
echo " <input type='button' name='Submit' value='Sumar' onclick='suma()'> ";
 
mysql_close($link); 
 
?>