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

有关详细信息，请访问 HERE

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 文件应位于正文标记的末尾。

那么它肯定会起作用:)

Javascript document.getElementById（'id'）。innerText无效

4 个答案: