Javascript文档.getElementById（'；id'；）。innerText不工作

我已经写了一个代码来跟踪值并在span标记中显示，值跟踪正在工作，但显示部分不工作（innerText，我也尝试使用值）有人能帮我吗，谢谢

function goAndSetTotal() {
    var amount = document.getElementById("amount").value;

    if (document.getElementById('gst').checked) {
        document.getElementById('subtotal').innerText = amount;
        document.getElementById('gst_box').innerText =  amount*10/100;
        document.getElementById('total').innerText = amount + (amount*10/100);

    } else {
        document.getElementById('subtotal').innerText = amount;
        document.getElementById('gst_box').innerText =  0;
        document.getElementById('total').innerText = amount;
    }

}

---

尝试

innerHTML

而不是像

document.getElementById('subtotal').innerHTML = amount;

看看它们之间的区别，假设您有以下html

<div id="Test"><b>InnerText and InnerHTML</b><div>

InnerText和InnerHTML

innerHTML

提供

InnerText和innerHTML

function goAndSetTotal() {
    var amount = document.getElementById("amount").value;

    if (document.getElementById('gst').checked) {
        document.getElementById('subtotal').innerHTML = amount;
        document.getElementById('gst_box').innerHTML  = amount*10/100;
        document.getElementById('total').innerHTML    = amount + (amount*10/100);

    } else {
        document.getElementById('subtotal').innerHTML = amount;
        document.getElementById('gst_box').innerHTML  = 0;
        document.getElementById('total').innerHTML    = amount;
    }

}

innerText

提供

innerText和InnerHTML

function goAndSetTotal() {
    var amount = document.getElementById("amount").value;

    if (document.getElementById('gst').checked) {
        document.getElementById('subtotal').innerHTML = amount;
        document.getElementById('gst_box').innerHTML  = amount*10/100;
        document.getElementById('total').innerHTML    = amount + (amount*10/100);

    } else {
        document.getElementById('subtotal').innerHTML = amount;
        document.getElementById('gst_box').innerHTML  = 0;
        document.getElementById('total').innerHTML    = amount;
    }

}

有关更多详细信息，请访问尝试innerHTML 或

---

确保您的网页包含id属性为的元素

尝试使用

innerHTML

function goAndSetTotal() {
    var amount = document.getElementById("amount").value;

    if (document.getElementById('gst').checked) {
        document.getElementById('subtotal').innerHTML = amount;
        document.getElementById('gst_box').innerHTML  = amount*10/100;
        document.getElementById('total').innerHTML    = amount + (amount*10/100);

    } else {
        document.getElementById('subtotal').innerHTML = amount;
        document.getElementById('gst_box').innerHTML  = 0;
        document.getElementById('total').innerHTML    = amount;
    }

}

---

确保

.js

文件应位于body标记的末尾

---

然后它肯定会工作：）。

将innerText更改为innerHTMLwhat is subtotal？其输入标记div或span猜测其区分大小写，因此其

innerHTML

使用

textContent

或

innerHTML

，如果其输入标记使用.value