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

你喜歡由於您將用戶界面上的字符串設置爲文本而不是HTML，因此遇到此問題。元素有一個innerHTML屬性，如果需要，它將創建子元素。

DEMO

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 }}

簡單的解決方案，應該有想過..