javascript - 无法在锚点中设置跨度的内容

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' of 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>           

我做错了什么？

标签： javascripthtmldominnerhtml

Answer 1

你的锚应该是这样的
<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;
    }