原生js实现搜索过滤功能

最新推荐文章于 2024-04-03 12:24:25 发布

nuanyue123

最新推荐文章于 2024-04-03 12:24:25 发布

阅读量2.4k

点赞数 1

分类专栏： js 文章标签：原生js实现搜索功能原生jsdom操作 dom操作 js实现搜索过滤功能费原生js

本文链接：https://blog.csdn.net/qq_42551474/article/details/94385655

版权

简单的原生js实现的搜索过滤功能
得到元素创建元素添加元素删除元素等一些dom操作

<body>
    <div id="box">
            <input type="text" id="ss">       
            <input value="搜素" id="btn" type="button">    
     </div>
 <script>
         var arrs = ["小櫻魔法棒", "小明术士剑", "小颖天天乐", "天天向上", "巴卫帅锅", "夏目贵志是个暖男", 
                    "猫咪老师最爱吃", "金木研是个可怜的食尸鬼"];       
          document.getElementById("ss").onkeyup = function () {
                      var text = this.value;
                      ar list = [];            
                      function my$(id) {
                            return document.getElementById(id)；
                       }
                       //加入已经存在这个dv盒子就删除
                      if(my$("dv")){
                             my$("box").removeChild(my$("d

最低0.47元/天解锁文章

nuanyue123

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
原生js实现搜索过滤功能

简单的原生js实现的搜索过滤功能得到元素创建元素添加元素删除元素等一些dom操作<body> <div id="box"> <input type="text" id="ss"> <input value="搜素" id="btn" type="button"> ...
复制链接

扫一扫