Javascript document.getElementById('id').innerText 不工作

Question

I have written a code to track values and display in span tags, values tracking is working but display part not working(innerText, i also tried using value) can someone please help me, thank you

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

}

Answer 1

Try innerHTML instead like

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

Take a look at differences between them, let's say you have following html

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

innerHTML gives <b>InnerText and InnerHTML</b>

innerText gives InnerText and InnerHTML

For more details visit HERE

Answer 2

try to use 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;
    }

}

Answer 3

尝试使用innerHTML或确保您的网页包含具有id属性的元素

Answer 4

Make sure the .js file should be at the end of the body tag.

Then it will work for sure:).

Answer 5

I noticed that doing something like this does not work:

var amountContainer = document.getElementById('subtotal');

amountContainer.innerHTML = amount;

So the answer to this is to do simply:

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

I hope this helps someone.