从HTML文本到JavaScript获取整数

Get Integer from HTML text to JavaScript

本文关键字：获取 整数 JavaScript HTML 文本      更新时间：2023-09-26

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

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

我试图检索它从JavaScript如下:

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

它给出了"，我试过了

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

但我仍然得到""

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

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

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

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

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://codepen.io/anon/pen/LVMzxr?编辑= 101

我试过你的代码，对我来说它工作正常 

<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);
});

嗯，令人惊讶的是，没有人提到这个事件的内置属性。

event.target.valueAsNumber
对于类型为number的输入，

将给出number值，而不进行任何转换。

相关文章：