Sumar columna de tabla

[manumaf]

Hola, estoy tratando de sumar los valores de una columna pero el resultado es NaN

El codigo:

Código Javascript:

<table id="tabla" width="600" border="1" cellspacing="0" cellpadding="7">
 <tr>
    <td>El Dueño</td>
    <td><input name="textfield" type="text" size="3" /></td>
   <td>67</td>
   <td><a href="borrar.php?id=4"> Eliminar</a></td>
 </tr>
 <tr>
    <td>El Dueño</td>
    <td><input name="textfield" type="text" size="3" /></td>
   <td>22</td>
   <td><a href="borrar.php?id=4"> Eliminar</a></td>
 </tr>
</table>
 
<script type="text/javascript">
var total = 0;
for(var i = 0; tabla.rows[i]; i++) {
total += Number(tabla.rows[i].cells[3].innerHTML);
}
document.write(total)
</script>
 

Lo que quiero es que se suma 67 + 22

Que estoy haciendo mal?

[zerokilled]

te muestra NaN porque estas sumando la columna incorrecta. el nodelist cells es como un array, de modo que los elementos son indexados comenzando desde el 0. en tu caso, estas haciendo referencia a la cuarta columna y no la tercera.

[manumaf]

Claro muchisimas gracias, y como puedo hacer que multiplique por la cantidad? que es un campo de texto

<input name="textfield" type="text" size="3" />

[zerokilled]

asignale un ID al campo y obtienes la referencia mediante document.getElementById. luego lees la propiedad value el cual te devolvera el texto contenido en el INPUT y finalmente lo multiplicas con la cantidad.

[manumaf]

Código Javascript:

<input name="textfield" type="text" size="3" id="0" onchange="sumar()" />
 
function sumar() {
    var total = 0;
    
    for(var i = 0; tabla.rows[i]; i++) {
     document.getElementById('1').value
        total += Number(tabla.rows[i].cells[2].innerHTML) * document.getElementById(i).value ;
    }
    return total
}
document.write (sumar());
 

El "id=0" va incrementandose al crearse la tabla.

No me funciona, no me imprime nada en pantalla

[zerokilled]

por norma, no deberias usar numeros como valor para los IDs. aplica las mismas normas para nombrar variables. en todo caso, te falla en la linea 7. al no existir un elemento con dicho id, getElementById devuelve null pero seguido intentas leer la propiedad value de null el cual no existe y genera error. hay varias posibilidades para realizarlo, pero para tus efectos, asigna una palabra seguido del numero. por ejemplo "textfield0". luego, para obtener el elemento compone el string "textfield" con la variable i.