0

我试图让 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';

谢谢..

4

3 回答 3

3

Div 没有“价值”，但它们确实有“innerHTML”

document.getElementById("valuelabel").innerHTML = mktValue;
于 2012-06-21T17:35:11.470 回答
0

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

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>

于 2021-11-19T18:07:16.887 回答
-1

您可以使用 jquery 通过使用将值插入特定 id

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

于 2012-06-21T17:40:50.220 回答