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

Question

我已经编写了一个代码来跟踪值并在 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;
    }

}

Answer 1

尝试使用innerHTML

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

看看它们之间的差异，假设您有以下html

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

innerHTML给出<b>InnerText and InnerHTML</b>

innerText给出了InnerText and InnerHTML

有关详细信息，请访问此处

Answer 2

尝试使用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

确保.js文件应位于 body 标记的末尾。

那么它肯定会起作用:)。

Answer 5

我注意到做这样的事情是行不通的：

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

amountContainer.innerHTML = amount;

所以答案就是简单地做：

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

我希望这可以帮助别人。