javascript在文本字段的div上显示计算的总金额

我正在根据用户选择的数量计算应付总额。 除了一件事，一切都在运转。总计仅显示在输入字段上，例如

<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;
}

函数CalculateTotal（）{
变量数量=document.getElementById（'Number'）。值；
var价格=50；
var结果=document.getElementById（“总计”）；
结果值=价格*数量；
}

总计为：

这很有效。

---

如何在

或

上显示总计。我尝试了这个

0

，但没有任何效果。有人能帮忙吗

您使用的是仅适用于表单字段的

.value

。如果使用

.innerHTML

，则可以设置

span

或

div

的内容

所以你会：

result.innerHTML = price * qty;

像

或

这样的元素没有

值

属性。 尝试使用

innerHTML

result.value=价格*数量
简单方法：

result.innerHTML = price * qty;

“更干净”的方式（如果您需要文本节点作为dom元素供您使用）

Id必须是唯一的…选择一个唯一的Id并使用.innerHTML方法
var text = result.childNodes[0];
if(text) {
    text.nodeValue = price * qty;
}
else {
    result.appendChild(document.createTextNode(price * qty));
}