Javascript - 表格單元格中HTML輸入的浮點值

Question

它是更大任務的一部分。爲什麼問題Nan以及如何解決它？該表格中加入了來自幾個泳池<input> elemenatymi表中的元素。所有的代碼總結在大小爲k/d的表格中。

爲什麼問題楠以及如何解決它？

function licz(tableID){ 
 
var table = document.getElementById(tableID); 
 
var k, d, s=0, temp; 
 
var i = table.rows.length; 
 
     for(k=1; k<=i; k++){ 
 
      for(d=0; d<2; d++){ 
 
temp = parseFloat(document.getElementById(tableID).rows[k].cells[d].innerHTML); 
 
alert(temp); 
 
s=s+temp; 
 
      } 
 
document.getElementById(tableID).rows[k].cells[d].innerHTML = s; 
 
       
 
    } 
 
}

<form name="roz" action=""> 
 
<table id="tyg" class="product_values" style="width: 20%" border=1> 
 
<tr> 
 
    <td> Pon </td> 
 
    <td> Wt </td> 
 
    <td> Sum </td> 
 
</tr><tr> 
 
<td> <input type="number" name="inp_a" ></td> 
 
    <td> 4 </td> 
 
    <td></td>   
 
</table> 
 
</form> 
 
<button onclick="licz('tyg')">go</button>

Answer 1

這不是從子元素中獲得價值，你應該這樣做正確的做法：

的JavaScript：

function licz(tableID){ 
    var table = document.getElementById(tableID); 
       var k, d, temp; 
       var i = table.rows.length; 

       for (k = 1; k <= i; k++) { 
        for (d = 0; d < 2; d++) { 
         if (d == 0) { 
          temp = parseFloat(document.getElementById(tableID).rows[k].cells[d].childNodes[1].value); 
         } 
         if (d == 1) { 
          temp = temp + parseFloat(document.getElementById(tableID).rows[k].cells[d].innerHTML); 
         } 
        } 
        document.getElementById(tableID).rows[k].cells[d].innerHTML = temp; 
        document.getElementById('num').v 
       } 
      } 

HTML：

 <table id="tyg" class="product_values" style="width: 20%" border=1> 
     <tr> 
      <td> Pon </td> 
      <td> Wt </td> 
      <td> Sum </td> 
     </tr> 
     <tr> 
      <td> <input id = 'num' type="number" name="inp_a" ></td> 
      <td> 4 </td> 
      <td></td> 
     </tr> 
    </table> 

呃...這是一個很好的問題。您應該閱讀DOM瞭解更多信息。