javascript - 将计算值插入不同的 DOM 元素

Question

我有一个基于利率计算 PMT 的工作公式，我看到它正在工作，因为 console.log 中的输出是正确的。我的问题是，如何在 console.log 中获取结果并将每个金额放入它自己的 div 中？

比如第一个div是4.125%，我想在它后面的div中显示美元金额，然后对于3.125%，我想在它后面显示美元金额等等

这是我的 http://jsfiddle.net/yecDj/19/

var p = 1000;
var thirtyYear = parseFloat(-Math.abs(360)); /*30 YR term in months*/

for (var i = 1; i < 5; i++) {
    var costPerThousand = "$" + (p * ((parseFloat(document.getElementById('rate' + i).innerHTML) / 100 / 12) / (1 - (Math.pow((1 + (parseFloat(document.getElementById('rate' + i).innerHTML) / 100 / 12)), thirtyYear))))).toFixed(2);

    console.log(costPerThousand);
}

我希望仅在 javascript 中执行此操作

Answer 1

将您的 console.log 替换为:

document.querySelector('#rate' + i).textContent = costPerThousand;

• > querySelector
• > textContent

Fiddle