節點列表操作

我得到了一個整數（總是）設置的div可惜只帶班節點列表操作

<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>

所以我（因爲它們是由其他應用程序，我不能亂用迴路產生的不能添加ID）創建兩個節點列表（兩個列表都有精確的長度）。

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

什麼，我需要做的就是總結乘以aaitem的結果[I]與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轉換爲數組嗎？

來源

2015-01-05 Bri.H.

你在'做了一個錯字aalist.lenght'它應該是'aalist.length' –

@SimonStaton固定:) –

另外'getElementByClassName'不是一種方法。使用'document.getElementsByClassName（）'我會做出回答 –

您需要使用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

來源

2015-01-05 10:59:15

我還能說什麼 - 它的工作，非常感謝。有沒有描述節點是什麼？ –

你可以在這裏看到元素屬性的詳細信息http://www.w3schools.com/jsref/dom_obj_all.asp –

節點列表操作

回答

相關問題