使用javascript在标签内设置值

Question

我偶然发现了一个js项目，我需要使用javascript在html label标签内设置值。我尝试了以下代码，但由于某种原因它无法正常工作。任何想法为什么？

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

任何帮助将不胜感激。

Answer 1

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

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

<label id="text"></label>

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

Answer 2

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

Answer 3

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