Set value inside label using javascript

Question

I just stumbled upon a js project where I need to set the value inside a html label tag using javascript. I tried the follwing code but, for some reason its not working. any idea why?

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

any help would be greatly appreciated.

Answer 1

You can use document.getElementById('text').textContent instead.

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

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

There is other options, such as .innerHtml or .innerText, to see how .textContent differs from the others and what the benefits in using one over the other might be, see this ► 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!';