5

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

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

6 回答 6

10

我会更改 HTML 以<span>在电话号码周围添加另一个标签,并为该 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使用您想要的任何值更新:

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

在 JQuery 中,它将是:

$(document).ready(function () {
    $('#contact-number').html(PHONE_NUMBER_VALUE);
});
于 2013-03-14T15:57:55.340 回答
4

你可以,

<body onload="phone();">
    <div class="add-info">
        <span class="rightfloat">Order online <span class="red">or call
            <span id="phone"></span>
        </span>
    </div>
</body>

并设置函数运行时的值;

function phone() {
    document.getElementById("phone").innerHTML = "1.888.888.8888";
}
于 2013-03-14T15:53:47.660 回答
2

与其返回“电话”,不如在你的跨度上放一个 id 并 document.getElementById('spanId').innerHTML = phone 在你的 javascript 中使用?

于 2013-03-14T15:52:49.677 回答
0

window.onload事件中调用您的代码。

于 2013-03-14T15:51:15.763 回答
0

我会将数字分成<span>带有自己的 id 的附加标签,并用 js 更改它的内容......

document.getElementById('id_of_span').innerText = 'new number';
于 2013-03-14T15:51:58.473 回答
0

试试这个

<script>
    function phone(number) {
        var redText = document.getElementByClassname("red")[0];
        redText.innerHTML = "or call " + number;
    }
</script>

要调用它,您可以使用点击、加载或其他任何方式。例如

<script>
    window.onload = phone('NEW NUMBER HERE');
</script>

请记住,稍后添加另一个窗口 onload 函数将取代这个,因此您要么需要添加它,要么使用双重委托函数,但那是另一回事了......

于 2013-03-14T15:58:44.057 回答