所以在我的HTML文件中，我有
<p class = "result"> {{searchResult}} </p>
其中{{searchResult}}本质上是我的结果。 因此，如果我搜索“热门”一词， {{searchResult}}在文档中将包含一个包含单词“ hot”的字符串。 例如：
“这很热”
网页上显示的所有内容都很好，但是我想更改字符串中搜索词的颜色。
我尝试修改应在JS文件中输出内容的部分：
content: result.replace(searchTerm, <span class= "search">searchTerm</span>)
其中的“搜索”类只是在改变单词的颜色。
但是它作为网页显示为：
这是<span class = "search">hot</span>
我该如何做才能使其仅更改搜索词的颜色？
答案 0 :(得分：0)
您要更改style内容中的html。这是使用CSS完成的。您可以通过以下三种方式之一进行操作：
1）使用嵌入式CSS编辑段落的颜色：<p class="result" style="color:red;"> {{searchResult}} </p>
2）创建一个外部.css文件，并将您的html文件链接到文档的<head>中。在此处使用类似的css：
.result {
color:red;
}
3）使用DOM编辑Javascript，以类似地更改颜色：
document.querySelector('.result').style.color='red';