如何把js的变量放到html中
时间: 2024-04-29 08:21:08 浏览: 10
有多种方法可以将JavaScript变量放入HTML中。
1. 使用innerHTML属性
可以使用innerHTML属性将JavaScript变量的值放入HTML元素中。例如:
```html
<p id="myParagraph"></p>
<script>
var myVariable = "Hello World!";
document.getElementById("myParagraph").innerHTML = myVariable;
</script>
```
这将把JavaScript变量myVariable的值放入id为“myParagraph”的段落元素中。
2. 使用setAttribute方法
也可以使用setAttribute方法将JavaScript变量的值放入HTML元素的属性中。例如:
```html
<p id="myParagraph"></p>
<script>
var myVariable = "Hello World!";
document.getElementById("myParagraph").setAttribute("data-value", myVariable);
</script>
```
这将把JavaScript变量myVariable的值放入id为“myParagraph”的段落元素的data-value属性中。
3. 使用模板字符串
还可以使用ES6的模板字符串将JavaScript变量的值放入HTML代码中。例如:
```html
<p>${myVariable}</p>
<script>
var myVariable = "Hello World!";
document.write(`<p>${myVariable}</p>`);
</script>
```
这将创建一个包含myVariable值的段落元素。