一阶段项目:功能

input 搜索功能代码示例;

    

function(){
    parent.document.getElementById('dbkb').style.height="800px";
    var aa = document.getElementById('shurukuang');
找到 input的Name 添加 keyup
    aa.onkeyup = function(){

        Name(this);
    }
}
    function Name(aa){
确定搜索目标的数组
    var Arr = document.getElementsByClassName(" 总内容 ");
for循环让总内容全部隐形
for(var i=0;i<Arr.length;i++){
    Arr[i].style.display = "none";
}
for对比找到目标
    for(var i=0;i<Arr.length;i++){
        var val = Arr[i].innerHTML;
        if(val.indexOf(aa.value) >=0){
显示找到的目标
        Arr[i].style.display = "block";
        }
    }
}

此代码搜索时,输入的内容如果不全面依旧可以输出有此内容的结果,字母无效。

    

posted @ 2018-04-16 09:50  雨墨安然  阅读(129)  评论(0编辑  收藏  举报