当前位置:首页 > 行业动态 > 正文

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只会显示纯文本。

0