Javascript 使用jQuery更改超链接文本的值

我有以下HTML：

<span id="callnow" class="mhMobile callnow"><a href="tel:01234567890">01234567890</a></span>

演示：

---

文档。getElementById（）将不接受css3选择器

改变

document.getElementById("callnow a")

到

或

---

如其他答案

文档中所述。getElementById（）

不接受css3选择器try

querySelector

。同时删除不需要的参数

示例演示

（函数（）{
setTimeout（函数（）{
document.querySelector（“.callnow a”）.innerHTML=“立即调用”；
}, 1000);
})（）

简单地说：

$("#callnow a").text('Call Now');

---

而是给a标记一个id，并在getElementById中调用该id，然后将对innerHTML的调用更改为.text

<span id="callnow" class="mhMobile callnow"><a id = "callnow-link" href="tel:01234567890">01234567890</a></span>


(function(text){
    setTimeout(function(){
        document.getElementById("callnow-link").text("Call Now");
    }, 1000);
})(text)

（功能（文本）{
setTimeout（函数（）{
document.getElementById（“callnow链接”）.text（“callnow”）；
}, 1000);
})（文本）

如果您想使用

getElementById

为锚定提供id并调用它

setTimeout（函数（）{
document.getElementById（“test”）.innerHTML=“立即调用”；
}, 1000);

getElementById不是这样工作的。为什么不直接更改服务器呈现页面的方式呢？抱歉，@SagarV。我最初尝试了你的结果，但没有正确执行。我不清楚在我的剧本中应该替换什么。XYZ的响应使用了我的全部代码，我发现它更容易测试并最终实现。
document.querySelectorAll("callnow a")[0] // 0 specify 0th element.

$("#callnow a").text('Call Now');

<span id="callnow" class="mhMobile callnow"><a id = "callnow-link" href="tel:01234567890">01234567890</a></span>


(function(text){
    setTimeout(function(){
        document.getElementById("callnow-link").text("Call Now");
    }, 1000);
})(text)