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，你會做到這一點。