Este artigo descreve as várias funções de pesquisa do JS para implementar dados da tabela. Ele pode ignorar o caso, a pesquisa difusa e as pesquisas de chaves. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<Title> </title>
<script type = "text/javascript">
window.onload = function () {
var otab = document.getElementById ("tab");
var obt = document.getElementsByTagName ("input");
obt [1] .OnClick = function () {
for (var i = 0; i <otab.tbodies [0] .rows.length; i ++)
{
var str1 = otab.tbodies [0] .Rows [i] .Cells [1] .innerhtml.TOUPPERCASE ();
var str2 = obt [0] .Value.ToupPercase ();
// Use String.TOUPPERCASE () (converta todos os caracteres na string em uppercase) ou string.tolowercase () (converta todos os caracteres na string em minúsculas)
// A chamada pesquisa por ignorar maiúsculas e minúsculas é converter todas as strings inseridas pelo usuário em maiúsculas ou minúsculas e converter todas as seqüências da tabela de informações em maiúsculas ou minúsculas e, finalmente, compare os caracteres convertidos dos dois.
/*************************
if (str1 == str2) {
otab.tbodies [0] .Rows [i] .style.background = 'Red';
}
outro{
otab.tbodies [0] .Rows [i] .style.background = '';
}
/****************************** JS implementa pesquisas difusas de tabelas ********************************
// A pesquisa difusa da tabela é usar um método de pesquisa () em JS, usando o formato, string1.search (string2);
// A sequência inserida pelo usuário é uma substring, que retornará a posição da substring na sequência principal. Se não corresponder, retornará -1. Portanto, a operação é a seguinte
if (str1.search (str2)! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'Red';}
else {otab.tbodies [0] .Rows [i] .style.background = '';}
/*******************************
// Pesquise várias palavras -chave na tabela. Se você adicionar várias palavras -chave inseridas pelo usuário, use o método dividido para dividir uma string longa em uma matriz de string com espaços como padrão.
// então compare as substâncias da matriz de corte com as cordas na tabela de informações em um loop
var arr = str2.split ('');
for (var j = 0; j <arn.length; j ++)
{
if (str1.search (arr [j])! =-1) {otab.tbodies [0] .Rows [i] .style.background = 'Red';}
}
}
}
}
</script>
</head>
<Body>
Nome: <input type = "text" />
<input type = "button" value = "pesquisa"/>
<tabela borderColor = "azul" id = "guia">
<head>
<td> <h2> id </h2> </td>
<td> <h2> nome </h2> </td>
<td> <h2> idade </h2> </td>
</head>
<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> fraco </td>
<Td> 24 </td>
</tr>
<tr>
<Td> 4 </td>
<td> céu </td>
<Td> 35 </td>
</tr>
<tr>
<Td> 5 </td>
<td> li si </td>
<Td> 18 </td>
</tr>
</tbody>
</tabela>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.