在编译的字符串中获取HTML标记

Question

我正在尝试给HTML元素一个标记，但是它以字符串形式输出。

我的代码：

var inputString = tweet.text;
var findme = screen_name;
tweet.text = inputString.replace(screen_name, "<span class='searched'>" + screen_name + "</span>")

Answer 1

尝试

.innerHTML

.replace输出字符串，而不是html

编辑

var inputString = tweet.text;
var findme = screen_name;
tweet.text = inputString.replace(screen_name, "<span class='searched'>" + screen_name + "</span>")
SomeHTMLObject.innerHTML=tweet.text;

Answer 2

您可能会遇到此问题，因为您将UI上的字符串设置为文本 ，而不是HTML 。 元素具有一个innerHTML属性，该属性将在必要时创建子元素。

演示

var inputString = "Hello Daniel!";
var findme = "Daniel";
var replacedString = inputString.replace(findme, "<span class='searched'>" +
                                                 findme + "</span>");
document.querySelector('#output').innerHTML = replacedString;

Answer 3

自己找出解决方案：

在HTML页面中，可以使用HTML转义。 因此，您必须使用{{{ variable }}}而不是{{ variable }}

简单的解决方案，应该考虑一下。