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';
}
}
}
}