Tengo este javascript que busca todos los campos en una tabla html, para un texto de entrada, luego muestra las filas que coinciden y oculta las que no. Quiero resaltar aún más la cadena de búsqueda en las filas mostradas. Cómo hacerlo de una manera simple cambiando este script:

 <script> function myFunction(){ // Declare variables var input, filter, table, tr, td, i; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); table = document.getElementById("myTable"); tr = table.getElementsByTagName("tr"); // Loop through all table rows, and hide those who do not match the search query for (i = 1; i < tr.length; i++) { td = tr[i].getElementsByTagName("td") ; for(j=0 ; j<td.length ; j++) { var tdata = td[j] ; if (tdata) { if (tdata.innerHTML.toUpperCase().indexOf(filter) > -1) { tr[i].style.display = ""; break ; } else { tr[i].style.display = "none"; } } } } } </script>

Además, aquí hay un archivo de tabla html de muestra con este javascript incrustado en la parte superior: https://sourceforge.net/projects/my-project-files/files/marks.html/download

Por favor, ayúdenme con el script revisado y probado. Soy un novato en javascript. Gracias.