js的变量 如何应用到html中

在JavaScript中，我们可以使用document.getElementById()或document.querySelector()等方法获取HTML元素，然后通过修改这些元素的innerHTML或textContent属性来改变它们的内容。

以下是一个简单的例子：

1、我们在HTML中创建一个元素，并给它一个唯一的id：

<p id="demo">这是一个段落。</p>

2、在JavaScript中，我们可以通过id获取这个元素，并改变它的内容：

var str = "Hello World!";
document.getElementById("demo").innerHTML = str;

在这个例子中，"Hello World!"将会被插入到id为"demo"的<p>元素中，替换掉原来的内容。

注意：innerHTML和textContent的区别在于，innerHTML会解析HTML标签，而textContent只会显示纯文本。