从HTML文本到JavaScript获取整数

时间:2015-08-02 01:21:49

标签: javascript html dom input

我有一个像这样的文字字段:

<input id="num" type="text" style="width:10px"/>

我正在尝试从JavaScript中检索它,如下所示:

var numofnodes =parseInt(document.getElementById('num').value,10);

它正在给#34;&#34;,我尝试了这样

var numofnodes =document.getElementById('num').value

但我仍然得到""

3 个答案:

答案 0 :(得分:3)

问题似乎是你试图读取页面加载的值,即文本框没有给出任何值,因此你得到空白:

&#13;
&#13;
var numofnodes = parseInt(document.getElementById('num').value, 10);
alert(numofnodes);
&#13;
<input id="num" type="text" style="width:10px" />
&#13;
&#13;
&#13;

尝试使用value属性作为默认值。节点:

&#13;
&#13;
var numofnodes = parseInt(document.getElementById('num').value, 10);
alert(numofnodes);
&#13;
<input id="num" type="text" style="width:10px" value="100" />
&#13;
&#13;
&#13;

答案 1 :(得分:0)

parseInt返回一个整数或NaN,它不应该是“”。你如何输出你得到的价值?你的代码似乎对我很好:

<input id="num"  type="text" style="width:100px"/>
<button id="b">log value</button>

...

document.getElementById("b").onclick = function()  {
  console.log( parseInt(document.getElementById('num').value, 10) );
}

http://localhost:9393/

答案 2 :(得分:0)

我尝试了您的代码,对我来说它运行正常。

<input id="num" type="text" style="width:10px;" value=100 />

将值添加到属性

$(document).ready(function() {
    // print into console as int
    var numofnodes =parseInt(document.getElementById('num').value,10);
    console.log(numofnodes);

    // print into console as string
    var numofnodes =document.getElementById('num').value 
    console.log(numofnodes);
});