Question

我有一个简单的HTML页面，我试图使用JavaScript变量填充标签

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

我的Javascript功能如下所示。它不会填充html页面上的标签，但如果我将标签更改为文本字段，它将起作用（但我想要一个标签）。我还使用了'innerhtml'来填充标签，但它只显示这个标签。如果我使用'innerhtml'，我有更多的字段和按钮被删除或隐藏。有什么我想念的吗？

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

Answer 1

您正在设置值。尝试设置innerHTML。

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

A similar JSFiddle.

Answer 2

你职能中的这一行

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

应该是

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

使用JavaScript变量填充HTML标签

2 个答案: