Populate HTML Label with JavaScript Variable - Stack Overflow|江阴雨辰互联

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;
}

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>

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

Share Improve this question asked Jul 10, 2014 at 20:14 ItalianStallion 2962 gold badges4 silver badges13 bronze badges

Add a ment |

2 Answers 2

Sorted by: Reset to default 8

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

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

A similar JSFiddle.

This line in your function

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

Should have been

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

发布者：admin，转转请注明出处：http://www.yc00.com/questions/1743652360a4484791.html

Populate HTML Label with JavaScript Variable - Stack Overflow

2 Answers 2

发表回复

评论列表（0条）

联系我们

400-800-8888

Populate HTML Label with JavaScript Variable - Stack Overflow

2 Answers 2

相关推荐