js应用实例

最新推荐文章于 2022-09-06 14:22:12 发布

Software攻城狮

最新推荐文章于 2022-09-06 14:22:12 发布

阅读量121

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/weixin_43799793/article/details/114020019

版权

Javascript 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

js应用实例

幻灯片
弹窗
。。。

例：
搜索框自动提示

function myFunction() {
    // 声明变量
    var input, filter, ul, li, a, i;
    input = document.getElementById('myInput');
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName('li');

    // 循环所有列表，查找匹配项
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";
        }
    }
}