使用 jQuery 更改超鏈接文本的值

Question

我有以下 HTML：

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

是否可以在頁面加載時將超文本標簽的值更改為讀取Call Now ？

我試過這個 JavaScript 但到目前為止沒有運氣：

(function(text){
    setTimeout(function(){
        document.getElementById("callnow a").innerHTML = "Call Now";
    }, 1000);
})(text)

演示： https : //jsfiddle.net/7obax3ta/

Answer 1

document.getElementById()不接受 css3 選擇器

改變

document.getElementById("callnow a")

至

document.querySelector("callnow a")

或者

document.querySelectorAll("callnow a")[0] // 0 specify 0th element.

Answer 2

簡單地 ：

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

Answer 3

而是為您的標簽提供一個 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)

Answer 4

如果你想使用getElementById給 id 錨定並調用它。

 setTimeout(function() { document.getElementById("test").innerHTML = "Call Now"; }, 1000);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span id="callnow" class="mhMobile callnow"><a id='test' href="tel:01234567890">01234567890</a></span>

Answer 5

正如其他答案中所述document.getElementById()不會接受 css3 選擇器 try querySelector .Also 刪除不需要的參數

示例演示

 (function(){ setTimeout(function(){ document.querySelector(".callnow a").innerHTML = "Call Now"; }, 1000); })()

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