Este artículo describe las diversas funciones de búsqueda de JS para implementar los datos de la tabla. Puede ignorar el caso, la búsqueda difusa y múltiples búsquedas clave. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! DocType Html>
<html>
<Evista>
<meta charset = "utf-8">
<title> </title>
<script type = "text/javaScript">
window.onload = function () {
var oTab = document.getElementById ("tab");
var obt = document.getElementsBytagName ("entrada");
obt [1] .Onclick = function () {
para (var i = 0; i <otab.tbodies [0] .rows.length; i ++)
{
var str1 = otab.tbodies [0] .Rows [i] .Cells [1] .innerhtml.ToUpperCase ();
var str2 = oB [0] .Value.ToUpperCase ();
// use String.ToUpperCase () (convierta todos los caracteres en la cadena a uppercase) o string.tOlowerCase () (convierta todos los caracteres en la cadena a minúsculas)
// La llamada búsqueda de ignorar el mayúsculas y minúsculas es convertir todas las cadenas ingresadas por el usuario a mayúsculas o minúsculas, luego convertir todas las cadenas en la tabla de información a mayúsculas o minúsculas, y finalmente compare los caracteres convertidos de los dos.
/***************************** La JS implementa tablas Ignorar la búsqueda de casos **********************************
if (str1 == str2) {
otab.tbodies [0] .rows [i] .style.background = 'rojo';
}
demás{
otab.tbodies [0] .rows [i] .style.background = '';
}
/****************************** JS implementa la búsqueda difusa de las tablas ****************************
// La búsqueda difusa de la tabla es usar un método Search () en JS, usando el formato, String1.search (String2);
// La cadena ingresada por el usuario es una subcadena, que devolverá la posición de la subcadena en la cadena principal. Si no coincide, volverá -1. Por lo tanto, la operación es la siguiente
if (str1.search (str2)! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'rojo';}
else {otab.tbodies [0] .rows [i] .style.background = '';}
/********************************** La búsqueda de múltiples palabras múltiples para tablas ****************************
// Buscar múltiples palabras clave en la tabla. Si agrega varias palabras clave ingresadas por el usuario, use el método dividido para dividir una cadena larga en una matriz de cadenas con espacios como estándar.
// luego compare las subcadenas de la matriz de corte con las cadenas en la tabla de información en un bucle
var arr = str2.split ('');
para (var j = 0; j <arr.length; j ++)
{
if (str1.search (arr [j])! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'rojo';}
}
}
}
}
</script>
</ablo>
<Body>
Nombre: <input type = "text" />
<input type = "button" value = "search"/>
<tabla borderColor = "blue" id = "tab">
<Evista>
<td> <h2> id </h2> </td>
<td> <h2> nombre </h2> </td>
<TD> <H2> Age </h2> </td>
</ablo>
<Tbody>
<tr>
<TD> 1 </td>
<TD> Azul </td>
<TD> 15 </td>
</tr>
<tr>
<TD> 2 </td>
<TD> mikyou </td>
<TD> 26 </td>
</tr>
<tr>
<TD> 3 </td>
<TD> débil </td>
<TD> 24 </td>
</tr>
<tr>
<TD> 4 </td>
<Td> Sky </td>
<TD> 35 </td>
</tr>
<tr>
<TD> 5 </td>
<TD> li si </td>
<TD> 18 </td>
</tr>
</tbody>
</table>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.