Home/ Questions/Q 7946319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T01:06:54+00:00

How can I (efficiently – not slowing the computer [cpu]) highlight a specific part

  • 0

How can I (efficiently – not slowing the computer [cpu]) highlight a specific part of a page?

Lets say that my page is as so:

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

My idea is to “clone” all the body into a variable and find via indexOf the specified text, change(insert a span with a background-color) the “cloned” string and replace the “real” body with the “cloned” one.
I just think that it isn’t efficient.
Do you have any other ideas? (be creative 🙂 )

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <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>
    • 0