Saya melaksanakan Tera Wallet di laman web WordPress saya yang memaparkan baki semasa dalam elemen teks tertentu pada satu halaman. Sekarang, saya ingin mendapatkan semula teks baki semasa dan memaparkannya dalam elemen teks tertentu pada halaman lain yang dibuat menggunakan Elementor menggunakan HTML dan JavaScript.

Pada halaman yang menunjukkan baki dompet, struktur HTML adalah seperti berikut:

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

Pada halaman lain yang dibuat menggunakan Elementor, saya mempunyai elemen HTML dengan kelas CSS tertentu (cth. ) tempat saya ingin memaparkan baki dompet semasa. Struktur halaman Elementor adalah seperti berikut:

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

Saya ingin mendapatkan semula teks baki semasa (cth. "$500.00") daripada halaman pertama dan memaparkannya secara dinamik dalam elemen 元素中余额显示 menggunakan ID