textContent as a number

Question

我想在html中获取一个内容，它是一个数字。我想在JavaScript中拥有它，所以我可以对它进行计算。唯一的问题是它作为字符串返回。如何将内容作为数字获取？

Answer 1

您必须将其解析为int或float（取决于此数字代表的内容）。

var btn = document.getElementById("addBtn"); 
 
btn.addEventListener("click",function(){ 
 
    var numberTxt = document.getElementById("number").value; 
 
    var number = parseInt(numberTxt,10); 
 
    console.log(number+1); 
 
});

<label for="number">Number:</label> 
 
<input type="text" id="number"/> 
 
<input type="button" value="add 1 to number" id="addBtn"/>

有关parseInt请看看here一个详尽的解释。此外，关于parseFloat，请看看here。阅读这两个参考资料，并思考你想要做什么，你会选择parseFloat或parseInt，你会做到这一点。