Problema: [object HTMLDivElement]

[pablomanosdetijera]

Estoy tratando de calcular el precio total de un pedido con javascript y mostrarlo en la pagina, sin embargo en la pagina no muestra el resultado de la operación sino esto: [object HTMLDivElement] y a continuacion de esto muestra el precio de cada producto multiplicado por la cantidad pero no el precio total. Por ejemplo muestra el número 60050 si el primer producto multiplicado por su cantidad vale 600 y el segundo 50.

Este es el código del cual debería tomar los valores:

Código PHP:

  $i=0; 
while($row=mysql_fetch_assoc($resultado)){ 
    echo "<tr>"; 
    echo "<td align='center'><input type='text' size='3' value='".$row['cantidad']."' id='cantidad$i'> </td>"; 
  echo "<td align='center'><input type='text' size='3' value='".obtenerPrecio($row['id_producto'])."' id='precio$i' ></td>"; 
    echo "</tr>"; 
  $i++; 
}  
   

Y este el script que debería calcular el precio:

Código HTML:

onLoad=calcular();
function calcular(){
var total=document.getElementById("filas").value;
for(var i=0;i<=total-1;i++){
  idcaja="cantidad"+i;
  idcaja2="precio"+i;
  var precio=document.getElementById(idcaja).value;
  precio=parseInt(precio);
  var cantidad=document.getElementById(idcaja2).value;
  cantidad=parseInt(cantidad);
  precio=precio*cantidad;
  precioTotal=precioTotal+precio;
}
  document.getElementById('precioTotal').innerHTML=precioTotal;
}

Si alguien me puede ayudar se lo agradeceré mucho.