我在我的 WordPress 网站上实现了 Tera Wallet，它在一页上的特定文本元素中显示当前余额。现在，我想检索当前余额文本并将其显示在使用 HTML 和 JavaScript 使用 Elementor 创建的另一个页面上的特定文本元素中。

在显示钱包余额的页面上，HTML结构如下：

<div class="woo-wallet-content">
    <div class="woo-wallet-content-heading">
        <h3 class="woo-wallet-content-h3">Balance</h3>
        <p class="woo-wallet-price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>500.00</bdi></span></p>
    </div>
</div>

在使用 Elementor 创建的另一个页面上，我有一个带有特定 CSS 类的 HTML 元素（例如 ），我想在其中显示当前钱包平衡。 Elementor 页面结构如下所示：

<div class="elementor-text-class">Current Wallet Balance: <span id="balance-display"></span></div>

我想从第一页检索当前余额文本（例如“$500.00”），并使用 ID 将其动态显示在 元素中余额显示在第二页。

有人可以帮我编写 HTML 和 JavaScript 代码吗？该代码可以从一个页面提取钱包余额文本，并使用 Elementor、HTML 和 JavaScript 将其显示在另一个页面上？

感谢您的帮助！