美文网首页前端相关笔记
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