Populate HTML Label with JavaScript Variable

Question

I have a simple HTML page where I am trying to populate a label with a JavaScript variable

<html>
<body onload="loading();">
      <div>
          <h4>Main Page</h4>
          <label id="cookie1" style="color: #0026ff"/> 
<!--MORE CODE-->
      </div>
</body>
</html>

My Javascript function is shown below. It will not populate the label on the html page but if I change the label to a textfield it will work (but i want a label). I have also used 'innerhtml' which does populate the label but it ONLY shows this label. I have more fields and buttons that are erased or hidden if i use 'innerhtml'. Is there something I am missing?

function loading() {
    var val1 = "Site:   " + getCookie("storeSite");
    document.getElementById("cookie1").value = val1;
}

gpojd · Accepted Answer · 2014-07-10 20:19:55Z

8

You are setting the value. Try to set the innerHTML.

document.getElementById("cookie1").innerHTML = val1;

A similar JSFiddle.

answered Jul 10, 2014 at 20:19

gpojd

23.2k8 gold badges45 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Katana314 Over a year ago

To clarify: value is a commonly-used property in <input> tags. But, most other element types just have an innerHTML property, as well as innerText/textContent depending on the browser.

ItalianStallion Over a year ago

ya, i did use innerhtml but it still wouldnt work. My issue was that i was going <label /> instead of <label></label>. But thanks!

V31 · Accepted Answer · 2014-07-10 20:20:44Z

0

This line in your function

document.getElementById("cookie1").value = val1;

Should have been

 document.getElementById("cookie1").innerHTML = val1;

answered Jul 10, 2014 at 20:20

V31

7,6643 gold badges28 silver badges44 bronze badges

Collectives™ on Stack Overflow

Populate HTML Label with JavaScript Variable

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related