Javascript getElementbyId.value 不返回任何值

Question

我的 Django 项目在实现 Javascript 时遇到了问题。

这是我的 HTML:

<td>
    <h5 id="precioSinEnv">{{total}}</h5>
</td>

这是我的 JS:

function calcular() {
    var radios = document.getElementsByName('envio');
    var pTotal = parseInt(document.getElementById('precioSinEnv').value);
    console.log(pTotal)
    if (radios[0].checked) {
        document.getElementById("precioTotal").innerHTML = pTotal + " €";
    }
    if (radios[1].checked) {
        document.getElementById("precioTotal").innerHTML = pTotal + 10 + " €";
    }
    if (radios[2].checked) {
        document.getElementById("precioTotal").innerHTML = pTotal + 4 + " €";
    }
}

主要问题是在views.py中获取了{{total}}作为参数，并且该值显示在屏幕上，但是在将其解析为int时，它不起作用。有什么解决办法吗？

Answer 1

改变这个

 var pTotal = parseInt(document.getElementById('precioSinEnv').value);

至此

 var pTotal = parseInt(document.getElementById('precioSinEnv').textContent);