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>标记，并为该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);
});

Answer 2

你可以，

<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";
}

Answer 3

为什么不在你的跨度上添加一个id而不是返回'phone'，而不是使用 document.getElementById('spanId').innerHTML = phone 在你的JavaScript中？

Answer 4

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

Answer 5

我会将该号码与其自己的ID分隔为其他<span>标记，并使用js更改其内容...

document.getElementById('id_of_span').innerText = 'new number';

Answer 6

试试这个

<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函数将取代这个，所以你需要添加它，或者使用双委托函数，但这是另一个故事......

如何动态显示div中的文本

6 个答案: