セルの内容を取得して計算する

質問

javascript 超初心者です。宜しくお願いします。
javascript を使用して簡単な表計算をしたいのですが、出来ますでしょうか？
内容は Table タグで作った表に 20,000 や 30,000 などの文字列が入っていて、その行の合計を表示させたいだけなのです。input タグは使用せずに純粋に <td>20,000</td> の値を数値として計算したいのです。

どうかご指導お願いします。

回答No.1

osumitan · ベストアンサー

ＩＥでやると以下のような感じです。
TABLEのオブジェクトに対し、rows(r)でr行目のオブジェクト、
その行に対してcells(c)でc列目のセルのオブジェクトが取れます。
（いずれも０始まりの引数）
セルに対し、innerTextで中のテキストを読み書きできます。

<table id="tbl">
　<tr>
　　<td>100</td>
　　<td>200</td>
　　<td>&nbsp;</td>
　</tr>
</table>
<input type="button" value="合計" onClick="sum()">
：
<script>
<!--
function sum() {
　var tbl = document.all("tbl");
　var n1 = Number(tbl.rows(0).cells(0).innerText); // 「100」
　var n2 = Number(tbl.rows(1).cells(0).innerText); // 「200」
　tbl.rows(2).cells(0).innerText = n1 + n2;
}
//-->
</script>

補足

お返事ありがとうございます。
インプットタグを使わずにアクセスした時点で計算を行い、結果を出したいのです。

<table border="1" cellpadding="2" cellspacing="2" width="98%" align="center">
<tr align="center" bgcolor="#ffcc99">
<td>請求書</td>
<td>クライアント名</td>
<td>売上金</td>
<td>入金額</td>
<td>純利益</td>
<td>経費</td>
<td>入金日</td>
</tr>

<tr align="top" bgcolor="#ffffff">
<td align="center">　</td>
<td>------------------</td>
<td align="right">5250</td>
<td align="right">5250</td>
<td align="right">5250</td>
<td align="right">5000</td>
<td align="right">6/30</td>
</tr>

<tr align="top" bgcolor="#ffcccc">
<td align="center">　</td>
<td>総合計</td>
<td align="right"><script>sum1();</script></td>
<td align="right"><script>sum2();</script></td>
<td align="right"><script>sum3();</script></td>
<td align="right"><script>sum4();</script></td>
<td align="right">純利益-経費=答え</td>
</tr>
</table>

宜しくお願いします。