javascript顯示文本字段上的計算出的總金額

Question

我正在根據用戶選定的數量計算到期總金額。 除了一件事之外，一切都在起作用。總數僅顯示在輸入字段上，例如。

<input id="total" type="text" readonly /> 

這是我的代碼。

<script type='text/javascript'> 
function CalculateTotal() { 
    var qty = document.getElementById('Number').value; 
    var price = 50; 
    var result = document.getElementById("total"); 
    result.value = price * qty; 
} 

一共是：<input id="total" type="text" readonly />。 這工作。

如何顯示總數爲<SPAN> or <DIV>。我試過這個<span id="total" class="total">0</span>，但它什麼也沒做。誰能幫忙？

Answer 1

您正在使用.value，它只適用於表單域。如果您使用.innerHTML，則可以設置span或div的內容。

所以你必須：

result.innerHTML = price * qty; 

Answer 2

像<SPAN> or <DIV>這些元素沒有value屬性。 嘗試使用innerHTML

result.value = price * qty;

Answer 3

最簡單的辦法：

result.innerHTML = price * qty; 

「清潔」 的方式（如果您需要在您的處置文本節點爲DOM元素）

var text = result.childNodes[0]; 
if(text) { 
    text.nodeValue = price * qty; 
} 
else { 
    result.appendChild(document.createTextNode(price * qty)); 
}