javascript - 无法在 anchor 内设置跨度的内容

Question

我有这个字段。

<input type="text" name="amount" id="amount" value="20.00">

我有这个链接。

<a target='_blank' href="https://PayPal.me/MyAccount/<span id='myspan'>0.00</span>">click here</a>

当我尝试将金额值 ($20.00) 插入 myspan 时，出现以下错误:“未捕获类型错误:无法将属性'innerHTML'设置为null”

我正在使用位于文件底部的 Javascript。

    <script type ="text/javascript">
    window.addEventListener('load', function () {
      myFunction();
    })

    function myFunction() {
     var thisamount = document.getElementById("cart_total").value;
     alert(thisamount);
     document.getElementById("myspan").innerHTML = thisamount;
    }
    </script>           

我到底做错了什么？

Answer 1

你的 anchor 应该看起来像这样
<a target='_blank' id="myHref" href="#"><span id='myspan'>0.00</span>USD</a>

然后

function myFunction() {
     var thisamount = document.getElementById("cart_total").value;
     alert(thisamount);
     document.getElementById("myHref").href = `https://PayPal.me/MyAccount/${thisamount}`;
     document.getElementById("myspan").innerHTML = thisamount;
    }