如何用javascript变量更新HTML中的span元素？

要用JavaScript变量更新HTML中的span元素，可以通过以下步骤实现：

首先，使用JavaScript获取要更新的span元素。可以使用document.getElementById()方法，通过传递span元素的id来获取该元素的引用。例如，如果span元素的id为"mySpan"，可以使用以下代码获取该元素的引用：var spanElement = document.getElementById("mySpan");
接下来，将JavaScript变量的值赋给span元素的内容。可以使用innerHTML属性来设置span元素的内容。例如，假设要将一个名为myVariable的JavaScript变量的值更新到span元素中，可以使用以下代码：spanElement.innerHTML = myVariable;

完整的代码示例：

<!DOCTYPE html>
<html>
<head>
    <title>更新span元素</title>
</head>
<body>
    <span id="mySpan">旧的内容</span>

    <script>
        var myVariable = "新的内容";
        var spanElement = document.getElementById("mySpan");
        spanElement.innerHTML = myVariable;
    </script>
</body>
</html>

这样，JavaScript变量的值就会更新到HTML中的span元素中了。

请注意，上述代码中的mySpan是一个示例id，你可以根据实际情况修改为你的span元素的id。另外，这个方法适用于更新单个span元素的内容，如果需要更新多个span元素，可以使用不同的id获取它们的引用，并分别更新它们的内容。