Javascript 对html数据进行数学运算-添加<；的所有内容；李>；标签

我有以下html：

<div id="list">
<ul>
<li>45.00</li>
<li>45.00</li>
</ul>
</div>

45.00
45.00

---

是否有任何方法可以获取这些列表项的内容并使用javascript/jQuery添加它们？

您可以使用

每个

var sum=0;
$('#list li').each(function(){
    sum+=parseFloat($(this).html());
})
console.log(sum)

这里有一个jQuery方法，它汇总到一个全局变量

var total = 0.0;

$('#list li').each(function() {
    total += parseFloat($(this).html());
});

使用
$（“li”）.each（）如：


$（文档）.ready（函数（）{
var总和=0；
$（“li”）。每个（函数（）{
sum+=parseFloat（$（this.text（））；
});
//警报（总和）；
});


45.00
45.00

不需要Jquery

const listItems = [].slice.call(document.querySelectorAll('#list li'))

const sum = listItems.reduce(function(sum, el) {
    return sum + parseFloat(el.innerText)
}, 0)

console.log(sum)

简单javascript有一种方法：



45.00
45.00

var num1=parseFloat（document.getElementById（“num1”）.innerHTML）；
var num2=parseFloat（document.getElementById（“num2”）.innerHTML）；
var num3=num1+num2；
警报（num3）；
使用下面提到的Javascript代码，我们可以为任意数量的li元素实现预期结果

var matches = document.querySelectorAll("div li");

var total = 0;

for (var i = 0; i < matches.length; i++) {
  total = total + (matches[i].innerHTML * 1);

}

alert(total)

var matches=document.querySelectorAll（“div li”）；
var合计=0；
对于（var i=0；i

使用脚本元素：

<script>
var l = document.getElementById('list');
var a = l.children[0].innerHTML;
var b = l.children[1].innerHTML;
alert(parseFloat(a)+parseFloat(b));
</script>


var l=document.getElementById（'list'）；
var a=l.children[0].innerHTML；
var b=l.children[1].innerHTML；
警报（parseFloat（a）+parseFloat（b））；
告诉我们你尝试了什么以及你遇到了什么困难。我什么都没试过，在谷歌上找不到任何东西，也不懂javascript。我正在努力学习，有一个问题，没必要粗鲁。他的值是浮点数，不是整数。
var matches = document.querySelectorAll("div li");

var total = 0;

for (var i = 0; i < matches.length; i++) {
  total = total + (matches[i].innerHTML * 1);

}

alert(total)

<script>
var l = document.getElementById('list');
var a = l.children[0].innerHTML;
var b = l.children[1].innerHTML;
alert(parseFloat(a)+parseFloat(b));
</script>