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 + " €";
}
}

主要问题是 {{total}} 在 views.py 中作为参数获取，并且该值显示在屏幕中，但在将其解析为 int 时，它不起作用。关于如何解决它的任何想法？

Answer 1

更改此内容

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

对此

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

Answer 2

试试这个：

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