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

Question

Given the following code: 给出以下代码：

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

How can I insert the value of the var label in the indicated positions? 如何在指定位置插入var标签的值？

Answer 1

select the required elements using document.querySelector and assign the variable to it's textContent and loop through the selected elements to change its textContent . 使用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>

-- Edit -- -编辑-

In order to select multiple elements by className use document.querySelectorAll . 为了通过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>

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2019-06-20 15:31:38

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-06-20 15:31:38

解决方案1
1 已采纳 2019-06-20 15:31:38