时间戳

首页 > 解决方案 > 将层次结构中的跨度内容复制到变量

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

问题描述

我有一个跨度（.amount）中的数值，与其他div（.coins和.description）分层。

我想做的事：

1 - 将 <.amount> 的内容复制到名为 $coins 的变量中

2 - 用 $coins + $wallet 的总和更新 var $total

3 - 复制 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>

标签： javascripthtmlvariablesgetelementsbyclassname

解决方案

  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>

推荐阅读