一阶段项目:功能
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";
}
}
}
此代码搜索时,输入的内容如果不全面依旧可以输出有此内容的结果,字母无效。