高效地突出显示文档(JavaScript)中的文本

我怎样才能(有效地 – 不会减慢计算机[cpu])突出显示页面的特定部分?

让我们说我的页面如此:

<html>
<head>
</head>
<body>
"My generic words would be selected here" !.
<script>
//highlight code here
var textToHighlight = 'selected here" !';
//what sould I write here?
</script>
</body>
</html>

我的想法是将所有正文“克隆”成变量,并通过indexOf查找指定的文本,更改(插入带有背景颜色的跨度)“克隆”字符串,并将“真实”正文替换为“克隆”字符串.
我只是觉得效率不高.
你还有其他建议吗? (有创意:))

最佳答案
<html>
<head>
</head>
<body>
<p id="myText">"My generic words would be selected here" !.</p>
<script>
//highlight code here
var textToHighlight = 'selected here" !';
var text = document.getElementById("myText").innerHTML
document.getElementById("myText").innerHTML = text.replace(textToHighlight, '<span style="color:red">'+textToHighlight+'</span>');
//what sould I write here?
</script>
</body>
</html>

转载注明原文:高效地突出显示文档(JavaScript)中的文本 - 代码日志