在編譯的字符串中獲取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 }}

簡單的解決方案，應該考慮一下。