Upload
lester-rubio
View
226
Download
0
Embed Size (px)
Citation preview
8/19/2019 Buscador Tabla
1/3
Buscar en el contenido de una tabla HTML con JavaScript
function doSearch(){
var tableReg = document.getElementById('datos');var searchText = document.getElementById('searchTerm').v
alue.toLowerCase();var cellsOfRow="";var found=false;var compareWith="";
// Recorremos todas las filas con contenido de la tablafor (var i = 1; i < tableReg.rows.length; i++){
cellsOfRow = tableReg.rows[i].getElementsByTagNa
me('td'); found = false;// Recorremos todas las celdasfor (var j = 0; j < cellsOfRow.length && !found;
j++){
compareWith = cellsOfRow[j].innerHTML.toLowerCase();
// Buscamos el texto en el contenido dela celda
if (searchText.length == 0 || (compareWith.indexOf(searchText) > -1))
{
found = true;}}if(found){
tableReg.rows[i].style.display = '';} else {
// si no ha encontrado ninguna coincidencia, esconde la
// fila de la tablatableReg.rows[i].style.display = 'none';
}}
}
#datos {border:1px solid #ccc;padding:10px;}#datos tr:nth-child(even) {background:#ccc;}#datos td {padding:5px;}
8/19/2019 Buscador Tabla
2/3
.headerCode {background-color:#555;overflow:hidden;clear:both;margin-top:0 auto;padding:10px;overflow:hidden;text-align:center;}
(adsbygoogle = window.adsbygoogle || []).push({});
Buscar en el contenido de una tabla con JavaScript
Código que muestra como se pueden realizar busquedas en una tabla de HTML con javascript.
Cadena a buscar
idNombreApellidos
GéneroEdad
1JuanPerezM<td>30
2JoseVazquezM31
3LuisAstorgaM25
4LuisaValdesF56
http://www.lawebdelprogramador.com
Puedes ver el código fuente en http://lwp-l.com/s2488
.publi_belowForms {clear:both;margin-top:10px;overflow:hidden;text-align:center;}
8/19/2019 Buscador Tabla
3/3
(adsbygoogle = window.adsbygoogle || []).push({});
sas.setup({domain:'http://www3.smartadserver.com',async:true,renderMode:1});sas.call("std",{siteId:59764,pageId:602451,formatId:28579,target:''});
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2166074-1']); _gaq.push(['_trackPageview']);(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();
var _comscore = _comscore || [];
_comscore.push({ c1: "2", c2: "13280783" });(function() {var s = document.createElement("script"), el = document.getElementsByTagName("sc
ript")[0]; s.async = true;s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";el.parentNode.insertBefore(s, el);})();
(function(){var tagjs=document.createElement("script");var s=document.getElementsByTagName("script")[0];
tagjs.async=true;tagjs.src="//dataxpand.script.ag/tag.js#site=63UCMvc";s.parentNode.insertBefore(tagjs,s);}());