javascript - 如何将字符串内的链接转换为常规链接？

Question

我有一个如下所示的字符串

var result = "Here is the memory consumption : @10.11.10.22 : <a href='https://abc.mystats.com/static/mem3412671190.11.svg'>view</a>"

我需要在常规文本旁边显示一个链接。类似这样的

这是内存消耗:@10.11.10.22:view

我已经研究了一些 javascript 的方法，例如 link() 但我不确定如何在我的情况下使用它。我可以分离出https://abc.mystats.com/static/mem3412671190.11.svg并将其连接到单词，如下所示

var word = "view";
var res = word.link("https://abc.mystats.com/static/mem3412671190.11.svg");

但是我需要显示单词 view沿着常规文本，如上所示。我该怎么做？

注意:我需要在网页中显示此内容，用户可以在其中通过链接看到此文本。目前这段字符串是我从后端获取的。

Answer 1

您可以使用innerHTML属性来设置指定元素内的 HTML:

const result_container = document.getElementById('result-container');
const result = 'Here is the memory consumption : @10.11.10.22 : <a href="https://abc.mystats.com/static/mem3412671190.11.svg">view</a>';

result_container.innerHTML = result;

<div id="result-container"></div>