前端相关笔记

js实现搜索表格内数据

2017-11-09  本文已影响13人  爱阳光的小蘑菇
var oTab=document.getElementById('tab1');
var oTxt=document.getElementById('music-name');
var oBtn=document.getElementById('btn1');

oBtn.onclick=function ()
{
   for(var i=0;i<oTab.tBodies[1].rows.length;i++)
   {
   var sTab=oTab.tBodies[1].rows[i].cells[1].innerHTML.toLowerCase();
   var sTxt=oTxt.value.toLowerCase();
                               
   var arr=sTxt.split(' ');
                               
   oTab.tBodies[1].rows[i].style.display='none';
                               
   for(var j=0;j<arr.length;j++)
   {
       if(sTab.search(arr[j])!=-1)
       {
           oTab.tBodies[1].rows[i].style.display='table-row';
       }
   }
 }
};
上一篇 下一篇

猜你喜欢

热点阅读