JavaScriptを使用してHTMLのテーブルの合計を計算する方法について

2007/05/17 15:05

このQ&Aのポイント

JavaScriptのファイルを使用してHTMLのテーブルの数値を取得し、合計を計算する方法について教えてください。
HTMLのテーブルの数値をカンマ区切りの文字列から取得する際、JavaScriptのコードを使用してカンマを取り除く方法について教えてください。
HTMLのテーブルの数値を計算する際、JavaScriptのコードを使用して合計を計算し、最後の行に表示する方法について教えてください。

jsファイルを使用して計算したいのですが。

現在以下のようにカンマの取り外しを行い、計算しています。 <HTML> <script type="text/javascript">  function goukei() { 1 = Number(comma_delete(document.all("1").innerText)); 2 = Number(comma_delete(document.all("2").innerText)); 3 = Number(comma_delete(document.all("3").innerText)); add = String(1 + 2 + 3); document.all("4").innerText = comma_add(add); }  function comma_delete(n) { hairetsu = ''; mojiretsu = n.length; for (i=0; i<mojiretsu; i++){ if(n.substr(i,1) != ','){ hairetsu = hairetsu + n.substr(i,1); } } return hairetsu; }  function comma_add(n) { hairetsu = ''; mojiretsu = n.length; amari = mojiretsu - Math.floor(mojiretsu / 3) * 3; for (i=0; i<mojiretsu; i++){ if((i - Math.floor(i / 3) * 3) == amari && i != 0){ hairetsu = hairetsu + ','; } hairetsu = hairetsu + n.substr(i,1); } return hairetsu; } // --> </script> <BODY onload="goukei()"> <TABLE border="1"> <TR><TH>Ａ</TH><TD ID="1" align="right">111</TD></TR> <TR><TH>Ｂ</TH><TD ID="2" align="right">1,000</TD></TR> <TR><TH>Ｃ</TH><TD ID="3" align="right">10,000</TD></TR> <TR><TH>合計</TH><TD ID="4" align="right"></TD></TR> </TABLE> </BODY> </HTML> scriptをjsファイルで呼び出して計算したいのですが、 <TR><TH>Ａ</TH><TD ID="1" align="right">111</TD></TR> <TR><TH>Ｂ</TH><TD ID="2" align="right">1,000</TD></TR> <TR><TH>Ｃ</TH><TD ID="3" align="right">10,000</TD></TR> <TR><TH>Ｄ</TH><TD ID="4" align="right">100,000</TD></TR> <TR><TH>Ｅ</TH><TD ID="5" align="right">1000,000</TD></TR> <TR><TH>合計</TH><TD ID="6" align="right"> このようにBODYのテーブルの数が変わっても、一番最後のIDが合計と判断し、正しく計算出来る方法無いでしょうか？宜しくお願いします。

ljungberg
お礼率100% (4/4)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yambejp
ベストアンサー率51% (3827/7415)

2007/05/17 15:56 回答No.2

つっこみどころが多いソースですね。 idに数字だけいれるのはご法度なので最低限やめたほうがよいでしょう。無理やりフローを考えると、idになにか指定されてるtdの中身を集計して、最後のtdに入れ込む・・・って感じでしょうか。元ソースを活かすとこんな感じかなぁ・・ <HTML> <head> <script type="text/javascript"> window.onload=function() { var tds=document.getElementsByTagName("td"); var add=0; for(var i=0;i<tds.length;i++){ if(tds[i].id!=""){ add += Number(comma_delete(tds[i].innerHTML)); var last_td=tds[i]; } } last_td.innerHTML=comma_add(String(add)); } function comma_delete(n) { ・・・ } function comma_add(n) { ・・・ } </script> </head> <BODY> <TABLE border="1" id="t1"> <TR><TH>Ａ</TH><TD ID="x1" align="right">111</TD></TR> <TR><TH>Ｂ</TH><TD ID="x2" align="right">1,000</TD></TR> <TR><TH>Ｃ</TH><TD ID="x3" align="right">10,000</TD></TR> <TR><TH>Ｄ</TH><TD ID="x4" align="right">100,000</TD></TR> <TR><TH>Ｅ</TH><TD ID="x5" align="right">1000,000</TD></TR> <TR><TH>合計</TH><TD ID="x6" align="right"></TABLE> </BODY> </HTML>

質問者