Nodelist операции

Question

я получил набор дивы с целыми значениями (всегда), к сожалению, только с классом (не может добавить идентификатор, потому что они генерируются в цикле с помощью другого приложения я не могу возиться с)

<div class="aaposition">3</div> 
<div class="aaposition">4</div> 
<div class="aaposition">5</div> 
<div class="bbposition">30</div> 
<div class="bbposition">30</div> 
<div class="bbposition">30</div> 

Так я создавая два нодлиста (хорошо, что оба списка получили точную длину).

aalist = document.getElementByClassName('aaposition'); 
bblist = document.getElementByClassName('bbposition'); 

Что мне нужно сделать, чтобы подвести итоги умножения aaitem [я] с bbitem [I] и показать его где-то

sumlist = 0; 
for (i = 0; i < aalist.length; i++) { 
    sumlist += aalist[i] * bblist[i]; 
} 
showdiv.innerHTML = sumlist; 

Но я не знаю, как выбрать эти значения из nodelist, как я могу выбрать интересующую меня ценность? Это .innerHTML, .value или что? Все, что я нашел, было примерами стиля (.style.background ... и т. Д.).

Также мне нужно разобрать на целое число? Нужно ли мне преобразовывать NodeList в массив?

Answer 1

Вы должны использовать document.getElementsByClassName, а также исправить опечатку для .length вы также должны вызвать узлы .innerHTML ...

var result = document.getElementById('result'), 
    aalist = document.getElementsByClassName('aaposition'), 
    bblist = document.getElementsByClassName('bbposition'), 
    sumlist = 0; 

for(var i=0; i<aalist.length; i++) { 
    sumlist += aalist[i].innerHTML * bblist[i].innerHTML; 
} 

result.innerHTML = sumlist; 

Working jsfiddle