Resaltar texto en el documento (JavaScript) de manera eficiente
¿Cómo puedo (eficientemente - no ralentizar la computadora [cpu]) resaltar una parte específica de una página?
Digamos que mi página es así:
<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>
Mi idea es "clonar" todo el cuerpo en una variable y encontrar a través del índice del texto especificado, cambiar (insertar un espacio con un color de fondo) la cadena "clonada" y reemplazar el cuerpo "real" con la "clonada" .
Solo pienso que no es eficiente.
¿Tienes alguna otra idea? (ser creativo :) )