JS——计算ul li中的数字的总和

最新推荐文章于 2026-06-20 13:09:20 发布

转载最新推荐文章于 2026-06-20 13:09:20 发布 · 1.3k 阅读

标签

#JS

收录于

js 设计模式专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript从HTML元素中读取分数并计算总分。通过解析HTML中的列表项，将分数累加并输出最终结果。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ul id="ulScores">
		<li>56</li>
		<li>44</li>
		<li>23</li>
		<li>57</li>
	</ul>
	<script>
		//计算总分 ul li
		var scores = ulScores.innerHTML.trim().slice(4,-5).split(/<\/li>\s*<li>/);
		console.log(scores);
		var sum = 0;
		for(var i=0;i<scores.length;i++){
			sum += parseFloat(scores[i]);
		}
		console.log("总分：" + sum);
	</script>
</body>
</html>

其中html中的id属性是全局变量。