Intenté usar argumentos para hacer coincidir mayúsculas y minúsculas, etc., pero solo obtuve resultados "nulos" en la línea "document.getElementById(targetId).scrollIntoView();"

Intentando encontrar "FooText" en los elementos <p> y luego desplácese hasta el div principal.

He vinculado el script en la parte inferior del cuerpo HTML, por lo que creo que el DOM está listo cuando se ejecuta la función.

HTML

 <table width="100%" cellspacing="0" cellpadding="2" border="0" class="bti_resultstable" > <tr align="left"> <td width="100%" colspan="4"> <div class="bti_racetitle"><p>FooText</p>&nbsp;&nbsp;&nbsp;0 of 0 Precincts Reporting</div> </td> </tr> <tr> <td width="50%" class="bti_resultcell" border="0" >FooText2 </td> <td width="20%" align="right" class="bti_resultcell" >0</td> <td width="20%" align="right" class="bti_resultcell" >0%</td> <td width="10%" align="center" class="bti_resultcell">&nbsp;</td> </tr> <tr> <td width="50%" class="bti_resultcell" border="0" >FooText2</td> <td width="20%" align="right" class="bti_resultcell" >0</td> <td width="20%" align="right" class="bti_resultcell" >0%</td> <td width="10%" align="center" class="bti_resultcell">&nbsp;</td> </tr> </table>

javascript

 function search() { var name = document.getElementById("searchForm").elements["searchItem"].value; var pattern = name; var targetId = ""; var divs = document.getElementsByClassName("bti_racetitle"); for (var i = 0; i < divs.length; i++) { var para = divs[i].getElementsByTagName("p"); var index = para[0].innerText.indexOf(pattern); if (index != -1) { targetId = divs[i].parentElement.id; document.getElementById(targetId).scrollIntoView(); break; } } };