javascript - 在 javascript 中获取 id 作为数字..？

Question

一个简单的问题..

var x = document.getElementById('xNum');
var y = document.getElementById('xNum');
var result = x * y;

document.write(result);

和

<div id="xNum">20</div>
<div id="yNum">50</div>

它显示20和50，为什么不计算20 * 50呢？为什么它以整数形式获取，或者我如何获取 div 中的数字？

谢谢!

我没有得到任何结果:

var x = document.getElementById('xNum').innerHTML;
var y = document.getElementById('xNum').innerHTML;
var result = parseInt(x) * parseInt(y);

document.write(result);

Answer 1

使用parseInt并在他们的 HTML 上处理它，

var result = parseInt(x.innerHTML) * parseInt(y.innerHTML)

如果您不需要支持 IE9 之前的浏览器，您应该使用 textContent 而不是 innerHTML。

如果您的数字可能是 float ，您应该查看 parseFloat相反

如果您需要能够处理像 012 这样的数字，您应该指定基数参数，因为它们可能会被 parseInt 以错误的方式解释。 在这种情况下，您应该使用 parseInt(x.innerHTML,10)