如何通過js乘以表格單元格的內容？

Question

我想乘以單元格內容（只有數字）和使用JavaScript。 結果是要被顯示在小區X

<script type="text/javascript"> 
function zmiana(){ 
    var x = document.getElementById("rowstawka"); 
    x.getElementsByTagName('td')[1].innerHTML=document.getElementById('Stawka2').value; 

    var y = document.getElementById("rowgodziny"); 
    y.getElementsByTagName('td')[1].innerHTML=document.getElementById('Godziny').value; 



} 
</script> 

我使用上述腳本內容在一個表添加到細胞中。

這裏是表：

<table id="tabela"> 
<tr id="rowstawka"> 
    <td>Stawka</td> 
    <td>12</td> 
</tr> 

<tr id="rowgodziny"> 
    <td>Godziny</td> 
    <td>50</td> 
</tr> 

<tr id="rowPensja"> 
    <td>Pensja</td> 
    <td>-</td> 
</tr> 

<tr id="rowNetto"> 
    <td>Pensja Netto</td> 
    <td>x</td> 
</tr> 


</table> 

Answer 1

如果你可以改變HTML，請嘗試使用類，以確定哪些細胞包含要計算的數字：

<table id="tabela"> 
    <tr id="rowstawka"> 
     <td>Stawka</td> 
     <td class="num">12</td> 
    </tr> 
    <tr id="rowgodziny"> 
     <td>Godziny</td> 
     <td class="num">50</td> 
    </tr> 
    <tr id="rowPensja"> 
     <td>Pensja</td> 
     <td>-</td> 
    </tr> 
    <tr id="rowNetto"> 
     <td>Pensja Netto</td> 
     <td id="result">x</td> 
    </tr> 
</table> 

然後用這個簡單的代碼片段使魔：

var numbers = document.querySelectorAll(".num"); 
var total = 1; 

for (var i = 0; i < numbers.length; i++) 
{ 
    total*= Number(numbers[i].innerText); 
} 

document.getElementById("result").innerText = total; 

Fiddle