ID Name Age
1 John 19
2 Alic 20
3 Mark 21
      var oTab13_4=document.getElementById('tab13_4');
    var oBtn13_4=document.getElementById('btn13_4');
    var oTxt13_4=document.getElementById('name13_4');
    
    oBtn13_4.onclick=function()
    {
    	for(var i=0;i< oTab13_4.tBodies[0].rows.length;i++)
        {
        	
            var str13_4_1 = oTab13_4.tBodies[0].rows[i].cells[1].innerHTML;
            var str13_4_2 = oTxt13_4.value;
        	
            if (str13_4_1.toLowerCase() ==str13_4_2.toLowerCase() ) //全转成小写的形式,就可以忽略大小写
            {
            	oTab13_4.tBodies[0].rows[i].style.background='yellow';
            }
            else
            {
				
                oTab13_4.tBodies[0].rows[i].style.background=''; //选择其他的名字的时候,不符合条件的都回归原色            	
            }
        }
    }

模糊搜索 search('')
search('') 找到并返回字符串出现的位置,如果没有找到,返回-1

		
        var oTab13_4=document.getElementById('tab13_4');
        var oBtn13_4=document.getElementById('btn13_4');
        var oTxt13_4=document.getElementById('name13_4');
        
        oBtn13_4.onclick=function()
        {
            for(var i=0;i< oTab13_4.tBodies[0].rows.length;i++)
            {
                var str13_4_1 = oTab13_4.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase();
                var str13_4_2 = oTxt13_4.value.toLowerCase();
                
                if ( str13_4_1.search(str13_4_2) != -1 ) 
                {
                    oTab13_4.tBodies[0].rows[i].style.background='yellow';
                }
                else
                {
                    oTab13_4.tBodies[0].rows[i].style.background=''; //选择其他的名字的时候,不符合条件的都回归原色            	
                }
            }
        }

多关键字搜索 split 
把字符串切开
e.g. var str='abc 123 ert';
	 var = str.split('')
     						-->从空格处把字符串切开


		
        var oTab13_4=document.getElementById('tab13_4');
        var oBtn13_4=document.getElementById('btn13_4');
        var oTxt13_4=document.getElementById('name13_4');
        
        oBtn13_4.onclick=function()
        {
            for(var i=0;i< oTab13_4.tBodies[0].rows.length;i++)
            {
                var str13_4_1 = oTab13_4.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase();
                var str13_4_2 = oTxt13_4.value.toLowerCase();
                var arr13_4 = str13_4_2.split('');
                
                oTab13_4.tBodies[0].rows[i].style.background='';
                
                for (var j=0;j< arr13_4.length ; j++)
                {
                	if(str13_4_1.search(arr13_4[j])!= -1)
                    { 
                    	oTab13_4.tBodies[0].rows[i].style.background='yellow';
                    }	
                }                                                            
                            
            }
        }

显示方式--高亮,筛选
前面的显示方式都是高亮

筛选是指除了搜索内容以外,其他的都隐藏掉

		var oTab13_4=document.getElementById('tab13_4');
        var oBtn13_4=document.getElementById('btn13_4');
        var oTxt13_4=document.getElementById('name13_4');
        
        oBtn13_4.onclick=function()
        {
            for(var i=0;i< oTab13_4.tBodies[0].rows.length;i++)
            {
                var str13_4_1 = oTab13_4.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase();
                var str13_4_2 = oTxt13_4.value.toLowerCase();
                var arr13_4 = str13_4_2.split('');
                
                oTab13_4.tBodies[0].rows[i].style.display='none';
                
                for (var j=0;j< arr13_4.length ; j++)
                {
                	if(str13_4_1.search(arr13_4[j])!= -1)
                    { 
                    	oTab13_4.tBodies[0].rows[i].style.display='block';
                    }	
                }                                                            
                            
            }
        }