javascript - 使用 JavaScript 变量填充 HTML 标签

标签 javascript html

我有一个简单的 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;
}

最佳答案

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

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

A similar JSFiddle.

关于javascript - 使用 JavaScript 变量填充 HTML 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24685451/

相关文章:

python请求和beautifulsoup bot检测

javascript - js 将函数设置为变量或返回函数的匿名函数

javascript - 在重置表单上隐藏 ng-Message

javascript - 如何将此 Node.js 中的函数导出到另一个模块中

javascript - 自动调整窗口大小?

javascript - 网站上的大尺寸图像在手机上呈现

javascript - 单击时使用 HTML 元素更改 Javascript 变量值 (wavesurfer.js)

javascript - 外部 JavaScript 可以访问不同文件中的 DOM 元素吗?

javascript - 如何多行div方形图案

javascript - 如何在 onmouseup 上获取坐标?