使用javascript调用html文本框并将其转换为整数

Question

所以我只想了解如何做到这一点，非常简单的例子：

我的HTML是

<div id = "pie"> eee </div>

<input type="text" name="item1" size="5">

我的javascript是

var q = parseFloat("10");

document.getElementById("pie").innerHTML = q ;

基本上我想要做的是调出文本框中的任何文本（名为item1）并将其转换为整数，然后显示该数字。我确定这是一个简单的方法，但我无法弄明白

Answer 1

获取第1项的值

var item1_value = parseInt(getElementsByName('item1')[0].value);

在饼图中显示item1的值

document.getElementById('pie').innerHTML = item1_value;

Answer 2

试试这个：

+(document.getElementsByName('item1')[0].value);

这是现在显示它的最短路径，例如元素#pie

document.getElementById('pie').innerHTML = +(document.getElementsByName('item1')[0].value)

将+置于某事之前会将其转换为数字。如果文本框不是数字，您可以通过以下方式检测到：

var value = document.getElementsByName('item1')[0].value;

document.getElementById('pie').innerHTML = !isNaN(value)?+value:"Not a number";

Demo