美文网首页前端相关笔记
js实现搜索表格内数据

js实现搜索表格内数据

作者: 爱阳光的小蘑菇 | 来源:发表于2017-11-09 20:36 被阅读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';
       }
   }
 }
};

相关文章

网友评论

    本文标题:js实现搜索表格内数据

    本文链接:https://www.haomeiwen.com/subject/caimmxtx.html