2014-10-17 32 views
0

我想知道如果下面的行是正確的方式採取HTML並把它作爲數值的Javascript var?從HTML到JavaScript Var的文本值?

var thePoolHeatingFeeRounded = Number(document.getElementsById("priceDisplayPoolHeating").innerHTML); 

不用說,變量名中包含單詞'rounded'。我試圖放入這個var的值是一個2點的float,它已經被四捨五入並且它以html的形式存在。

下面是受getElementsById引用的的HTML代碼行...

$<div id="priceDisplayPoolHeating" class="priceDisplay">8.00</div> 

任何輸入不勝感激。

+0

是的,這似乎是正確的。你需要檢查'NaN',除非你有驗證的地方照顧非數字。 – 2014-10-17 01:00:58

回答

1

你非常接近。假設是getElementById,而不是元素。我創建了一個小代碼來向你展示它是如何工作的。

下面的代碼看起來像這個網站的代碼顯示器什麼:

function displayText(){ 
 

 
var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML) 
 

 
    alert(thePoolHeatingFeeRounded); 
 
}
<div id="priceDisplayPoolHeating">8.01</div><input type="button" onclick="displayText()" value="Display the innerHTML of Pool Heating">

+0

太棒了!你能告訴我爲什麼.00被剝離了嗎? – 2014-10-17 01:07:56

+0

我猜數字()函數需要我指定2點浮點數? – 2014-10-17 01:08:43

+0

Number()函數將字符串轉換爲函數,並將其簡化爲最簡單的形式。 – 2014-10-17 01:10:06

3

試試這個:

var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML);

你分別致電getElementsById這是不正確的(它不是複數),我把它改成getElementById

提示:如果你需要檢查一下是否號碼有效,您可以使用!isNaN(thePoolHeatingFeeRounded)或使用技巧將其變成默認號碼(如0或-1),如下所示:

var thePoolHeatingFeeRounded = Number(document.getElementById("priceDisplayPoolHeating").innerHTML) || 0;

您還可以使用parseFloat()

var thePoolHeatingFeeRounded = parseFloat(document.getElementById("priceDisplayPoolHeating").innerHTML) || 0;

+0

對於parseFloat()上的信息的Thanx。 – 2014-10-17 01:22:27