有没有办法在Javascript中将HTML文档中的链接转换为可点击的链接？

Question

纯Javascript中是否有办法将HTML文档中的链接转换为可点击链接？我不想使用正则表达式来解决这个问题。

假设我在HTML5文档中列出了此列表：

<pre>
http://www.test.com
http://www.example.com
http://nicelink.com
</pre>

我想让它在加载页面时自动变成这个：

<pre>
<a href="http://www.test.com">http://www.test.com</a>
<a href="http://www.example.com">http://www.example.com</a>
<a href="http://nicelink.com">http://nicelink.com</a>
</pre>

如果我在标题中放入脚本，那么vanilla JS代码会是什么样子？循环遍历HTML代码并替换我想要的行，但我不能用JS编写它。

的Signy

Answer 1

一种方法：

var str = $('pre').html().trim();
var ar = str.split('\n');
var html = "";
for(var i=0;i<ar.length;i++)
{
    html +="<a href='"+ar[i]+"'>"+ar[i]+"</a><br>";
}
console.log(html);
$('body').html(html);

DEMO