admin管理员组

文章数量:1340741

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>

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;
}
  • javascript
  • html
Share Improve this question asked Jul 10, 2014 at 20:14 ItalianStallionItalianStallion 2962 gold badges4 silver badges13 bronze badges
Add a ment  | 

2 Answers 2

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;

本文标签： Populate HTML Label with JavaScript VariableStack Overflow

版权声明：本文标题：Populate HTML Label with JavaScript Variable - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743652359a2516542.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。