同事有一个需求是,先读取网页中的数字,然后进行计算后再写到网页上。解决的方法是,得先用正确的id来标识这两个数字的元素。比如:<span id="sales">500</span> ,就是把500进行标识起来了。
然后把数字读出来。在JavaScript中,`document.getElementById`返回的是一个元素对象,而不是一个数字。这里需要获取元素的值才能进行计算。
计算后,结果会回写在 <span id="result"></span> 标识内。
如果计算回写之后,没有数字,请检查下js代码块是否放在最后。
<!DOCTYPE html>
<html>
<head>
<title>计算结果</title>
</head>
<body>
<span id="inventory">100</span> <!-- 今年社会日均库存 -->
<span id="sales">500</span> <!-- 今年以来社会销量 -->
<span id="result"></span>
<script>
// 获取页面上的元素
var inventoryElement = document.getElementById("inventory");
var salesElement = document.getElementById("sales");
var resultElement = document.getElementById("result");
// 获取元素的值
var inventory = parseInt(inventoryElement.textContent);
var sales = parseInt(salesElement.textContent);
// 计算结果
var result = inventory / sales;
// 在页面上显示计算结果
resultElement.textContent = result.toFixed(2); // 保留两位小数
</script>
</body>
</html>
关注我,我们将一起探讨如何将技术与业务有机结合。不必成为专家,只要具备基本的印象和理解,便能把握业务与技术的融合,实现二者的平衡发展。在这个过程中,我们将共同寻找如何在促进二者融合发挥最大价值的同时,确保技术与业务的协调一致。