Question

我正在尝试在javascript中计算某些内容，然后在<span></span>中显示结果。这是我目前的代码：

<script type="text/javascript">
 window.onload = function() {
 function minus_number() {
        var first_number = '50';
        var second_number = '30';
        var result = parseInt(first_number) - parseInt(second_number);

        document.getElementById('spend').value = result;
    }
}

和html

<p><i class="fa fa-truck"></i>Want free delivery? Spend an extra <span id="spend"></span> for free standard delivery</p>

它实际上并没有在跨度中显示结果，有人能告诉我我做错了吗？

Answer 1

您应该使用Console.WriteLine代替innerHTML。

替换

value

与

document.getElementById('spend').value = result;

document.getElementById('spend').innerHTML = result;用于表单元素，如果要设置任何其他元素的内容，则使用value。

详细了解docs

中的innerHTML

Answer 2

关键函数minus_number仅在您的代码中声明，但未被调用。
另外，您应该使用textContent或innerHTML属性而不是{{ 1}}：

value

Answer 3

您可以更改此行document.getElementById('spend').value = result; 在 document.getElementById('spend').textContent = result;

Answer 4

试试这个，使用event listener调用您的函数。

function minus_number() {
        var a  = document.querySelector("#spend");
        var first_number = '50';
        var second_number = '30';
        var result = parseInt(first_number) - parseInt(second_number);
        a.innerHTML = result;
    }
window.addEventListener("load",minus_number());

显示跨度中js计算的结果

4 个答案: