每天CookBook之JavaScript-025

  • 使用forEach统计表格数字的和
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>025</title>
</head>
<body>
    <div id="content-">
        <table id="table-">
            <tr>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
                <td>5</td>
            </tr>
            <tr>
                <td>6</td>
                <td>6</td>
            </tr>
        </table>
    </div>
    <div id="sum"></div>
</body>
<script type="text/javascript">
var sum = 0;
var cells = document.querySelectorAll("td + td");
[].forEach.call(cells,function(cell){
    sum+=parseFloat(cell.firstChild.data);
});
console.log(sum);
document.getElementById('sum').innerHTML='sum=' + sum;
</script>
</html>
posted @ 2016-07-11 21:13  4Thing  阅读(103)  评论(0编辑  收藏  举报