堆棧內存溢出
  簡體   English   中英

javascript錯誤[object HTMLInputElement] [object HTMLInputElement]

[英]javascript error [object HTMLInputElement][object HTMLInputElement]

 原文  2016-12-19 05:21:07  7   2    javascript/ html

問題描述

我正在練習Java腳本代碼，但在實現此代碼時遇到問題。 

<html>
<body>
<script>  
function f2(){
var a=document.getElementById("a");
var b=document.getElementById("b");
var c=a+b;
document.write(c);
}
</script>  

Enter A:<input id="a" type="text" name="txt1" ><br>
Enter B:<input id="b" type="text" name="txt2" ><br>
<button type="button" onclick="f2()">Sum Here</button>
</body>
</html>

當我將兩個數字相加時，它會顯示錯誤，例如[object HTMLInputElement] [object HTMLInputElement]。

2 個解決方案

解決方案1
 3 已采納  2016-12-19 05:45:18

輸入元素的value屬性用於檢索輸入到輸入中的值。 該值將是一個字符串。

由於要添加數字，因此最好檢查輸入的輸入是否為數字，以避免不必要的錯誤。 有很多方法可以檢查此情況，一種方法是在輸入的字符串值前添加“ +”號，這會將字符串中的數字轉換為數字，然后檢查NaN。

這是小提琴和代碼https://jsfiddle.net/7sgcmfu8/ 

<script>  
function f2(){
var a= +document.getElementById("a").value;
var b= +document.getElementById("b").value;
if(!isNaN(a) && !isNaN(b)){
    document.write(a+b);
}else{
    document.write("enter numbers");
}
}
</script>  

Enter A:<input id="a" type="text" name="txt1" ><br>
Enter B:<input id="b" type="text" name="txt2" ><br>
<button type="button" onclick="f2()">Sum Here</button>

解決方案2
 2  2016-12-19 05:28:13

<html>
<body>
<script>  
function f2(){
var a=parseInt(document.getElementById("a").value);
var b=parseInt(document.getElementById("b").value);
var c=a+b;
document.write(c);
}
</script>  

Enter A:<input id="a" type="text" name="txt1" ><br>
Enter B:<input id="b" type="text" name="txt2" ><br>
<button type="button" onclick="f2()">Sum Here</button>
</body>
</html>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 對象HTMLInputElement JavaScript錯誤 和[object HTMLInputElement] javascript Javascript，正在查看 [object HTMLInputElement] 對象HTMLInputElement會顯示此錯誤 Javascript問題。 接收對象HTMLinputelement錯誤 [對象 HTMLInputElement] HTML javascript函數問題。 [object HTMLInputElement]錯誤輸出 輸入整數值以在javascript中進行標記時，對象HTMLInputElement錯誤 將 Inputtext 替換為 javascript 變量返回 [object HTMLInputElement] 對象HTMLInputElement attr不是函數
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM