Question

让我们说我有这些跨度，其中包含我想要获取并计算的数字......

<span class = "apples">9 apples</span>
<span class = "apples">7 apples</span>
<span class = "apples">3 apples</span>
<span class = "apples">6 apples</span>
<span class = "apples">11 apples</span>

如何在浏览器上调用每个范围内的苹果数量，然后返回总数？

我只知道基本的javascript

我认为我必须循环遍历span元素并找到具有className＆＃34; apples＆＃34;的任何一个。哈，嗯......在此之后，我不知道该怎么办。

任何帮助表示赞赏！感谢。

Answer 1

var obj = document.getElementsByClassName("apples"),
len = obj.length,
total = 0;

for (var i = 0; i < len; i++)
total+=parseInt(obj[i].innerHTML);

Answer 2

你可以这样做！

将所有span元素与class apples一起存储在var中，并设置总var以供日后使用

var apples = document.querySelectorAll（'span.apples'），

总计= 0;
循环遍历数组并使用parseInt函数从每个元素的textContent中获取数字，然后将该值添加到总数

for（var i = 0; i＆lt; apples.length; i ++）{
```
    total += parseInt(apples[i].textContent, 10);
```
};
做一些总计

的console.log（总）;

如何循环元素＆amp;数数？

2 个答案: