文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将JavaScript变量的内容插入到html中的特定位置？

问如何将JavaScript变量的内容插入到html中的特定位置？
EN

Stack Overflow用户

提问于 2019-06-20 23:28:47

回答 1查看 31关注 0票数 0

给定以下代码：

<head><script>var label = "hello123";</script></head>
<body><h1>**[here]**</h1><p>This is the value: <span>**[here]**</span></body>

如何在指定位置插入var标签的值？

回答已采纳

发布于 2019-06-20 23:31:39

使用document.querySelector选择所需的元素，并将变量赋给它的textContent，然后遍历选定的元素以更改其textContent。

var label = "hello123";

document.querySelector('h1').textContent = label;

document.querySelector('span').textContent = label;

<body><h1></h1><p>This is the value: <span></span></body>

-编辑--

为了通过className选择多个元素，可以使用document.querySelectorAll。

var label = "hello123";

document.querySelectorAll('.someClass').forEach((ele) => {
    ele.textContent = label;
});

<h1 class="someClass"></h1><p>This is the value: <span class="someClass"></span>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56689332

复制

相似问题

问如何将JavaScript变量的内容插入到html中的特定位置？EN