id指定した数値同士を合計計算し表示する方

質問

素人の投稿ですみませんがご教授いただけましたら幸いです。

id指定した数値同士を自動で合計計算し表示する事は出来ますでしょうか？

やりたいことで一番近かった投稿は以下のものです。

「テーブル内に表示されている数字の自動計算について」
http://okwave.jp/qa/q5295498.html

上記の場合、テーブルセルの縦列の合計が自動で表示されるのですが、既にWEBサイトが出来上がっており新たにテーブルを組み込むことが出来ません。

例えばidを使用し
<span id="suuji">10000</span>
<span id="suuji">20000</span>
<span id="total">30000</span>
という風にid=suujiで指定した数値をid=total指定した場所へ合計表示させることは出来ますでしょうか？
出来ればid=suujiは1つだけの方が有難いのですが、難しければsuuji1、suuji2、suuji3と分かれても構いません。

お忙しい中、大変難しいご質問ですが何卒宜しく御願い致します。

回答No.2

yambejp · ベストアンサー

なるほど、カンマ対応版だとこんなかんじ

<script>
window.onload=function(){
var n=document.getElementsByTagName("span");
var v=0;
for(var i=0;i<n.length;i++){
if(n[i].id.match(/^suuji[0-9]+$/)){
v +=parseInt(n[i].innerHTML.replace(/,/g,''));
}
}
var num=v.toString();
while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2")));
document.getElementById("total").innerHTML=num;
}
</script>
<span id="suuji1">1,234,567</span>
<span id="suuji2">8,888</span>
<span id="suuji3">999,999</span>
<span id="total">0</span>

お礼

2回にわたり迅速なご回答、本当に有難うございました。
こんなに早く解決するとは思ってもいませんでした。
感謝です！

回答No.1

yambejp

idがかぶるのはNGですね
こんな感じでしょうか？

<script>
window.onload=function(){
var n=document.getElementsByTagName("span");
var v=0;
for(var i=0;i<n.length;i++){
if(n[i].id.match(/^suuji[0-9]+$/)){
v +=parseInt(n[i].innerHTML);
}
}
document.getElementById("total").innerHTML=v;
}
</script>
<span id="suuji1">100</span>
<span id="suuji2">200</span>
<span id="suuji3">300</span>
<span id="moji1">400</span>
<span id="moji2">500</span>
<span id="moji3">600</span>
<span id="total">0</span>

補足

早速のご返事、本当に有難うございます。
こちらの質問が悪かったのですが、数値にはコンマ,が入っており、今回のスクリプトですと、コンマより上の数字しか認識しないようです。
100,000だと100、100,500でも100としか認識されなうようです。
お手数をお掛けし、甚だ申し訳ございませんが、コンマ以下も正常に認識するようにはなりませんでしょうか。
何卒宜しくお願い申し上げます。