Realçando o texto no documento (JavaScript) eficientemente
Como posso (eficientemente - não retardar o computador [cpu]) destacar uma parte específica de uma página?
Vamos dizer que minha página é assim:
<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>
Minha idéia é "clone" todo o corpo em uma variável e encontrar via indexOf o texto especificado, alterar (inserir um span com uma cor de fundo) a "clonada" string e substituir o corpo "real" com o "clonado" .
Eu só acho que não é eficiente.
Você tem alguma outra ideia? (seja criativo :) )