Подсчет суммы в колонке
 

Здравствуйте, в js новичок, работаю с lotus domino подскажите, есть уже таблица, можно с как то с нее с первой колонки получить сумму и вывести в alert. Буду благодарен за любую помощь решение лучше на чистом js.

<table id="view:_id1:viewPanel1" class="xspDataTable"><thead><tr><th scope="col"><div class="xspPanelViewColumnHeader"><span><span id="view:_id1:viewPanel1:viewColumn1:__internal_header_title_id" class="xspPanelViewColumnHeader">#</span></span></div></th><th scope="col"><div class="xspPanelViewColumnHeader"><span><span id="view:_id1:viewPanel1:viewColumn2:__internal_header_title_id" class="xspPanelViewColumnHeader">Text</span></span></div></th></tr>
</thead><tbody>
<tr><td class="xspColumnViewStart"><span id="view:_id1:viewPanel1:0:viewColumn1:_internalViewText" class="xspTextViewColumn">1</span></td>
<td class="xspColumnViewEnd"><span id="view:_id1:viewPanel1:0:viewColumn2:_internalViewText" class="xspTextViewColumn">DAS</span></td>
</tr>
<tr><td class="xspColumnViewStart"><span id="view:_id1:viewPanel1:1:viewColumn1:_internalViewText" class="xspTextViewColumn">2</span></td>
<td class="xspColumnViewEnd"><span id="view:_id1:viewPanel1:1:viewColumn2:_internalViewText" class="xspTextViewColumn">SA</span></td>
</tr>
<tr><td class="xspColumnViewStart"><span id="view:_id1:viewPanel1:2:viewColumn1:_internalViewText" class="xspTextViewColumn">3</span></td>
<td class="xspColumnViewEnd"><span id="view:_id1:viewPanel1:2:viewColumn2:_internalViewText" class="xspTextViewColumn">dasd</span></td>
</tr>
<tr><td class="xspColumnViewStart"><span id="view:_id1:viewPanel1:3:viewColumn1:_internalViewText" class="xspTextViewColumn">1</span></td>
<td class="xspColumnViewEnd"><span id="view:_id1:viewPanel1:3:viewColumn2:_internalViewText" class="xspTextViewColumn">Gasd</span></td>
</tr>
</tbody>
</table>

var sum = 0;

document.querySelectorAll('.xspColumnViewStart').forEach(function(td) {
    var span = td.children[0];

    sum = sum + parseInt(span.innerText);
});

console.log(sum);

Всякие проверки и типы добавь сам. Я тебе так, скажем направление только указал.

Спасибооооо!!!!!!!

А можешь подсказать еще как в эту таблицу записать в новой строке в 1 столбце значение суммы ???

var tr = document.createElement('tr'),
     sum = 10;

tr.innerText = '<td><span>' + sum +  '</span></td>';

table.tBodies[0].appendChild(tr);

table - это твоя найденная таблица document.querySelectorAll('.xspDataTable')

Собственно тут только для одной ячейки написал - оформить надо тебе и для остальных ячеек в строке.