将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的新手但你可以给我一个提示吗？

谢谢！

Answer 1

您最需要parseFloat(document.getElementById("loanamount").value)

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

Answer 2

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

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

Answer 3

如果你没有对loan做任何事情，那么就这样做：

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

Answer 4

如果具有id loanamount的元素是输入，则需要.getElementById（“loanamount”）。value，如果是span或div则为.getElementById（“loanamount”）。innerHTML。对于写回相同的申请。

但是在任何一种情况下你都不能在写入时使用.toString（）。parseFloat（）会给你一个没有方法的数字。 JavaScript与Java并不相似。

Answer 5

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

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