如何用JS循环输出表格的值

消费物品 价格 消费数量 消费总额 
怡宝水    3     1        3 
水电费    10    1        10 
王老吉     5    1        5 
百威啤酒  10    1        10 
如何循环输出表格的值比如：js循环消费总额 这一列的 值，并计算总和。
哪个帮忙下？谢谢了

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"> <body>
     <table id="otbl">
     <tr>
      <td>消费物品</td><td>价格</td><td>消费数量</td><td>消费总额</td>
    </tr>
     <tr>
      <td>怡宝水</td><td>3</td><td>1</td><td>3</td>
    </tr>
     <tr>
      <td>水电费</td><td>10</td><td>1</td><td>10</td>
    </tr>
     <tr>
      <td>王老吉</td><td>5</td><td>1</td><td>5</td>
    </tr>
     <tr>
      <td>百威啤酒</td><td>10</td><td>1</td><td>10</td>
     </tr></table>
    <script>
    (function(){
    var orow = document.getElementById("otbl").rows, iCount = 0;
    for(var i = 1; i < orow.length; i++){
    iCount += parseInt(orow[i].cells[3].innerHTML, 10);
    }
    alert(iCount);
    })();


    </script>
    </body>
    </html>
      

  2.   

    alert(document.getElementById("otbl").childeNodes(0).childeNodes(0).innertText)
      

  3.   


    var dataList =[["怡宝水", 3, 1], ["水电费", 10, 1], ["王老吉", 5, 1]]; var colsName =["消费物品", "价格", "消费数量", "消费总额"];var strTemp = "<table><tr>";
    for(var i = 0; i < colsName.length; i++)
    {
       strTemp += "<td>" + colsName[i] + "</td>";
    }
    strTemp += "<tr>";for(var j = 0; j < dataList.length; j++)
    {
       strTemp += "<tr>";
       for(var k = 0; k < colsName.length; k++)
       {
          strTemp += "<td>" + (k == colsName.length-1)? dataList[j][1]*dataList[j][2] : dataList[j][k] + "</td>";
       }
       strTemp += "<tr>";
    }strTemp += "</table>";document.write(strTemp);