从数组中查找单词并在其上添加工具提示的脚本

Question

我想制作一个查找单词列表并将其替换为href链接的脚本。例如

function myFunction() {
        var str = document.getElementById("demo").innerHTML; 
        var res = str.replace("barbel", "<https://www.youtube.com/watch?v=XiFkyR35v2Y");
        document.getElementById("demo").innerHTML = res;
}

<p id="demo">Visit barbel</p>
    
<button onclick="myFunction()">Try it</button>
    
   

Answer 1

您可以使用<a>来显示链接：

function myFunction() {
    var str = document.getElementById("demo").innerHTML; 
    var res = str.replace("barbel", "<a href='https://www.youtube.com/watch?v=XiFkyR35v2Y'>here</a>");
    document.getElementById("demo").innerHTML = res;
}

<p id="demo">Visit barbel</p>

<button onclick="myFunction()">Try it</button>