将层次结构中的跨度内容复制到变量

Question

我有一个跨度（.amount）中的数值，与其他div（.coins和.description）分层。我想做的事：1 - 将 <.amount> 的内容复制到名为 $coins 的变量中2 - 用 $coins + $wallet 的总和更新 var $total3 - 复制 var $total 并将其显示在 ID 为 #total 的 Span 中下面是过程的想法，但它不是代码本身。很感谢！<div class="coins">    <div class="description">        <span class="amount">152</span>    </div></div><script>    var coins = 152 //content of the hierarchy class ".coins .amount"    var wallet = 1000    var total = coins + wallet</script>Your Total: <span id="total">$total</span>

Answer 1

1. 如何获取 span 的内容

2. 如何在 span 中设置内容

<div class="coins">

    <div class="description">

        <span id="amount">152</span>

    </div>

    <p>Your Total: <span id="total"></span></p>

</div>

<script>

        var coins = Number(document.getElementById("amount").innerText)

        var wallet = 1000

        var total = coins + wallet

        document.getElementById("total").innerText = total

</script>