javascript - 将javascript变量传递给html进行显示

Question

我正在使用以下

var loan = parseFloat(document.getElementById("loanamount"));

document.getElementById('numpay').textContent = loan.toString();

我的html是这样的：

<p>Number of Payments:    <a id="numpay"> </a> </p>

我觉得这应该可以工作，但无论我如何配置它，我的 html 中似乎都无法获得除 NaN 之外的任何内容。我知道我是 javascript 的新手，但你能给我一个小费吗？

谢谢！

score 3 · Accepted Answer

你parseFloat(document.getElementById("loanamount").value)很可能需要

提示：而不是parseFloat，只需用于+将字符串转换为数字。所以+document.getElementById("loanamount").value也应该服务于你的目的。

score 1 · Accepted Answer

var loan = parseFloat(document.getElementById("loanamount").value);

document.getElementById('numpay').textContent = loan.toString();

score 0 · Accepted Answer

如果您不做任何事情，loan那么只需执行以下操作：

document.getElementById('numpay').textContent = document.getElementById("loanamount").value

score 0 · Accepted Answer

如果id为loanamount的元素是输入，则需要.getElementById("loanamount").value，如果是span或div，则需要.getElementById("loanamount").innerHTML。对于回写同样适用。

但无论哪种情况，您都不能在写入时使用 .toString()。parseFloat() 会给您一个没有方法的数字。JavaScript 与 Java 不太相似。

score 0 · Accepted Answer

  var loan = parseFloat(document.getElementById("loanamount").value);

  document.getElementById('numpay').innerHTML = loan.toFixed(2);

5 回答 5