html如何获取js的变量值

要在 HTML 中获取 JavaScript 变量的值，您需要在 JavaScript 中定义变量并确保它们具有全局作用域。然后，您可以使用 JavaScript 提供的方法来将这些变量的值传递给 HTML。

一种常用的方法是使用 document.getElementById() 方法来选择 HTML 元素，然后使用 .innerHTML 属性将 JavaScript 变量的值插入到 HTML 元素中。例如，如果您有一个 JavaScript 变量 varName ，您可以使用以下代码将其值插入到 HTML 元素中：

<p id="demo"></p>
<script>
  var varName = "Hello World!";
  document.getElementById("demo").innerHTML = varName;
</script>
在这个例子中，document.getElementById("demo") 选择了 id 为 "demo" 的 HTML 元素，.innerHTML 属性将 varName 的值设置为该元素的内容，从而将 "Hello World!" 插入到 p 元素中。
还有其他方法可以获取 JavaScript 变量的值，例如使用 data 属性或通过表单传递值，但这些方法需要更多的 JavaScript 代码和 HTML 标记。