节点列表操作

我得到了一个整数（总是）设置的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 –

节点列表操作

回答

相关问题