添加div和输入框
问题描述:
我希望能够快速计算添加div和输入内容的位置。我可以用2个输入来做到这一点,但无法弄清楚如何以这种方式做到这一点。我在编码尝试都让我在这里:添加div和输入框
var one = document.getElementById('one'),
two = document.getElementById('calculate'),
total = document.getElementById('total');
document.getElementById('calculate').onchange = function() {
total.innerHTML = parseInt(one.innerHTML) + parseInt(two.innerHMTL);
};
<div id="one">11</div>
<input type=number value=2 id="calculate">
<div id="total">0</div>
我试图改变 “parseInt函数(two.innerHTML)” 到 “parseInt函数(二)”,但它是不成功的。我得到了Notanumber/NaN错误。任何帮助将不胜感激。
答
因为two
在你的情况下是input
标签它没有innerHTML
。改为使用value
属性。所以它会是这样的:
document.getElementById('calculate').onchange = function() {
total.innerHTML = parseInt(one.innerHTML) + parseInt(two.value);
};
答
要从输入标签使用.value
document.getElementById('input').value
获得价值所以你的情况尝试parseInt(two.value)
+0
这正是需要的 - 谢谢! – shubbard
这完美地工作 - 太感谢你了! – shubbard