首页 > 关于类数组对象的问题?

关于类数组对象的问题?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
         <ul>
             <li>1</li>
             <li>2</li>
             <li>3</li>
             <li>4</li>
         </ul>
         <script type="text/javascript">
             var oli=document.getElementsByTagName("li");
             var clone=[];
             for(var i=0;i<oli.length;i++){
                 clone.push(oli[i]);
             }
         </script>
    </body>
</html>

问题是为什么我循环push给了clone数组,为什么他就支持数组的一些方法,比如sort,而原来的oli就不支持,为什么?


getElementsByTagName() 方法可返回带有指定标签名的对象的集合HTMLCollection
数组的话,当然支持sort方法


getElementsByTagName返回的不是数组,是一个NodeList,有length属性,但没有push方法。


clone是题主 自己定义的 数组,所以拥有数组的方法,而获取的li属于类数组,数组会继承Array.prototype中的属性,从而获得数组方法。
而类数组并没有继承数组方法,如果要使用,一般用Array.prototype.slice.call(li,0) 间接获取数组方法。

【热门文章】
【热门文章】