如何将字符串中的链接转换为常规链接？

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

我研究了诸如link()之类的javascript方法，但不确定如何使用它。我可以分离出https://abc.mystats.com/static/mem3412671190.11.svg并将其连接到word这样的地方

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>