使用javascript在标签内设置值[重复]

【问题标题】：Set value inside label using javascript [duplicate]使用javascript在标签内设置值[重复]
【发布时间】：2017-07-04 09:27:25
【问题描述】：

我刚刚偶然发现了一个 js 项目，我需要在其中使用 javascript 在 html 标签标签中设置值。我尝试了以下代码，但由于某种原因它不起作用。知道为什么吗？

<label id="text"></label>
<script>
    document.getElementById('text').value = 'Hello World!';
</script>

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

您可以改用document.getElementById('text').textContent。

document.getElementById('text').textContent = 'Hello \nlcr World!';;

&lt;label id="text"&gt;&lt;/label&gt;

还有其他选项，例如 .innerHtml 或 .innerText，以了解 .textContent 与其他选项有何不同以及使用其中一个选项可能有什么好处，请参阅此 ► https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

【讨论】：

【解决方案2】：

document.getElementById('text').innerHTML = 'Hello World!';

【讨论】：

【解决方案3】：

document.getElementById('text').innerText = 'Hello World!';

【讨论】：