zoukankan      html  css  js  c++  java
  • 使用apply的方法将伪数组转化为数组

    js中好多DOM方法都是针对数组的,可是有时候我们会取得一些伪数组,此时要想操作伪数组,那就必须把伪数组转化为数组,以下通过apply(  )的方法demo一个实例,以供大家参考(以下是部分代码):

    </head>
    <body>
    <span>span</span> <span> span</span>
    
    <p>ppp</p>
    <span>span</span> <span> span</span>
    
    <p>ppp</p>
    <span>span</span> <span> span</span>
    
    <p>ppp</p>
    <script>
        function t(tagName,context){
            context=context||document;
            return context.getElementsByTagName(tagName);
        }
       var spans= t('span' );
        console.log ( spans );//伪数组
        var arr=[];  //声明一个新数组
        arr.push.apply(arr,spans);   //使用apply的第二个参数是一个数组(伪数组)的方法,将其转化成数组.
        console.log ( arr ); //数组
        arr.forEach(function (v,i){
            v.style.border='1px solid red';  //使用数组等的方法简单的添加了一个样式
        })
    
    
    </script>

    结果为:

    ★★前端新手一枚,写的内容是自己对知识点的理解,如有不妥之处,还请各位大牛不吝赐教,批评指正.谢谢★★
  • 相关阅读:
    js--DOM基本使用
    前端--js基础2
    前端--js基础1
    tcp/udp编程
    关于网络
    异常处理
    装饰器
    1.__new__ 魔术方法 单态(例)模式 __del__ 魔术方法(析构方法) __call__ 魔术方法
    面向对象程序设计及面向对象封装 目录
    script 标签里的 async 和 defer
  • 原文地址:https://www.cnblogs.com/mysmalldream/p/7022499.html
Copyright © 2011-2022 走看看