1.要完成的效果是从数据库中读出文本数据,将其部分标红显示:
使用字符串匹配,再使用JS中的replace函数进行查找替换。
替换代码如下:
function changeEntityColor(val,keyword){
val = val + '';
if (val.indexOf(keyword)!== -1 && keyword !=='') {
return val.replace(keyword,'<span style="color: #f00;">' + keyword + '</span>');
} else {
return val;
}
}
参考链接如下:
https://www.cnblogs.com/chensv/p/11381641.html
2.使用时出现的问题:
可见,HTML标签被忽略了。
后来发现是因为使用了innerText,在改成innerHTML后,就可以正常显示了: