javascript - 如何在div中动态显示文本

Question

我在论坛上搜索了一下，看到了关于点击时动态更改文本的帖子。但就我而言，我想在从头加载页面时动态更改显示。我已经有一个函数可以确定我应该显示什么:

function phone()
{
//code here
return phone;
}

我的问题是如何在下面的 div 中显示返回的电话号码以替换 1.888.888.8888 部分。谁能提供一些见解？谢谢!

<div class="add-info">
<span class="rightfloat">Order online <span class="red">or call 1.888.888.8888</span></span>
</div>

Answer 1

我会更改 HTML 以添加另一个 <span>标记电话号码并给该跨度标记 id属性以便于访问它(将它分成不同的行以减少滚动):

<div class="add-info">
    <span class="rightfloat">
        Order online <span class="red">
            or call <span id="contact-number"></span>
        </span>
    </span>
</div>

然后在页面加载后更新 span无论你想要什么值(value):

window.onload = function() {
    document.getElementById('contact-number').innerHTML = PHONE_NUMBER_VALUE;
}

在 JQuery 中，它将是:

$(document).ready(function () {
    $('#contact-number').html(PHONE_NUMBER_VALUE);
});