javascript从html代码计算总数

Question

I HAVE

<tr>
<td nowrap="" align="right" id="n_852" class="tab ">1</td>
<td nowrap="" align="right" id="n_853" class="tab ">2</td>
<td nowrap="" align="right" id="n_854" class="tab ">3</td>
<td nowrap="" align="right" id="n_855" class="tab ">4</td>

</tr>

In js Can loop through out array n_i and calculate the total 1+2+3+4

thanks

Answer 1

function doSum()
{
  var stillGoing = true;
  var sum = 0;
  var i = 852;
  while (stillGoing)
  {
    var element = document.getElementById('n_' + i);
    if (element != null)
    {
      sum += parseInt(element.innerHTML);
    }
    else
    {
      stillGoing = false;
    }
    i++;
  }
  return sum;
}

Answer 2

http://jsfiddle.net/ZBLzp/

You could make it more restrictive by changing * to td

var elements=document.getElementsByTagName("*"),
    partial = new RegExp('n_','g'),
    total = 0;

for(var i=0; i< elements.length;i++){
    if(elements[i].id.match(partial)){
        total+= parseInt(elements[i].innerHTML);
    }
}