查找並替換正則表達式的電話號碼爲javascript中的可調用鏈接

我試圖用javascript調用具有可調用鏈接的電話號碼。當我試圖console.log我的邏輯它工作正常，我看到我的結果，但我看不到頁面上更新的文本。這是我的代碼。 https://jsfiddle.net/uyuet2fr/2/查找並替換正則表達式的電話號碼爲javascript中的可調用鏈接

console.log(document.getElementsByClassName("left-border")[0].style.background("red")); 


function changeText(){ 
document.getElementsByClassName("left-border")[0].innerHTML("ttt") 
var a = document.getElementsByClassName("left-border")[0].innerHTML; 
    a = a.replace(/\b\d{3}[-.]?\d{3}[-.]?\d{4}\b/g, replaceStr); 
    function replaceStr(str) { 
    return "<a hre='tel:"+str+"'>"+str+"</a>"; 
    } 
    return a 
} 
//Replace phone numbers with link to call - like <a href="tel:202-603-0057">202-603-0057</a> 
window.document.onload = changeText; 


<div class="left-border"> 
<h2 class="bottom-pad">Contact Information</h2> 
         <div> 
          <h3>After Hours Contact</h3>   
          Steve Rmer<br> 
[email protected]<br> 
231-603-0057<br> 
          <h3>Law Enforcement Officer Contact</h3> 
          Sb E Rkl<br> 
[email protected]<br> 
240-257-6492<br> 
          <h3>Referral Contact</h3> 
          Yhk E Reer<br> 
[email protected]<br> 
240-257-6492        
          <h3>Other Contacts</h3> 
           <div>Yhn Buer<br> 
[email protected]<br> 
231-836-7976<br> 
</div><br> 
           <div>Erac Lanu<br> 
[email protected]<br> 
231-780-7725<br> 
</div><br> 
           <div>Pul Fore<br> 
[email protected]<br> 
240-273-4617<br> 
</div><br>             </div> 
</div>

來源

2017-05-28 tv3free

更改window.onload代替window.document.onload。而添加替換文本到同一元素的innerHTML。而innerHTML('fff')其錯誤的語法

function changeText() { 
 
    var a = document.getElementsByClassName("left-border")[0] 
 
    a.innerHTML = a.innerHTML.replace(/\b\d{3}[-.]?\d{3}[-.]?\d{4}\b/g, replaceStr); 
 
    function replaceStr(str) { 
 
    return "<a hre='tel:" + str + "'>" + str + "</a>"; 
 
    } 
 
} 
 

 
window.onload = changeText;

a{ 
 
color:blue; 
 
}

<div class="left-border"> 
 
    <h2 class="bottom-pad">Contact Information</h2> 
 
    <div> 
 
    <h3>After Hours Contact</h3> 
 
    Steve Rmer<br> [email protected] 
 
    <br> 231-603-0057 
 
    <br> 
 
    <h3>Law Enforcement Officer Contact</h3> 
 
    Sb E Rkl<br> [email protected] 
 
    <br> 240-257-6492 
 
    <br> 
 
    <h3>Referral Contact</h3> 
 
    Yhk E Reer<br> [email protected] 
 
    <br> 240-257-6492 
 
    <h3>Other Contacts</h3> 
 
    <div>Yhn Buer<br> [email protected] 
 
     <br> 231-836-7976 
 
     <br> 
 
    </div><br> 
 
    <div>Erac Lanu<br> [email protected]omain.org 
 
     <br> 231-780-7725 
 
     <br> 
 
    </div><br> 
 
    <div>Pul Fore<br> [email protected] 
 
     <br> 240-273-4617 
 
     <br> 
 
    </div><br> </div> 
 
</div>

來源

2017-05-28 03:12:41 prasanth

查找並替換正則表達式的電話號碼爲javascript中的可調用鏈接

回答

相關問題