将 JS 代码的值分配给 DIV

Assigning value of JS code to DIV

本文关键字：分配 DIV JS 代码      更新时间：2023-09-26

我正在尝试获取JS代码中的变量以显示在表的DIV中。 为了简单起见，我已经削减了代码，只是试图让它正常工作。

Firebug 正在报告：

document.getElementById("valuelabel") is null

这是代码：

<table>
  <tbody>
    <tr>
      <td>
        Value:
      </td>
      <td>
        <div id="valuelabel"></div>
      </td>
    </tr>
  </tbody>
</table>
<script language="javascript" type="text/javascript">
  var mktValue = "12000";
  document.getElementById("valuelabel").value = mktValue;
</script>

mktValue 将是一个动态分配的数值;来自另一个表单的文本框条目。 我只是为了测试目的而输入"12000"。

在Firebug中，它显示了动态分配值的以下内容。

var mktValue = '120700';

谢谢。。

Div 没有"值"，但它们有"innerHTML"

document.getElementById("valuelabel").innerHTML = mktValue;

div元素没有value（只有表单字段有）。您可以通过textContent（仅文本）或通过innerHTML（HTML）设置div的内容：

document.getElementById("target1").textContent = "This is normal text, <and> aren't special here.";
document.getElementById("target2").innerHTML = "This is HTML text, so <strong>tags</strong> are rendered as elements.";
<div id="target1"></div>
<div id="target2"></div>

您可以使用 jquery 将值插入到特定 id 中，方法是使用

$("#valuelabel").html(mktValue)

相关文章：